progress callback not working on Google Chrome for iOS6

[jajathejazzcat]

trafficstars

I am using jQuery File Upload with Twitter Bootstrap's progress bar on my project. When I use Google Chrome for iOS to upload a file, the progress bar stays at 0% until upload finishes. I experience the same problem on the Jquery File Upload's demo site at http://blueimp.github.com/jQuery-File-Upload/

Because I can see the progress bar when I set the default width to be larger than 0%, I suspect the progress callback is not working correctly for the mobile Chrome. Other desktop browsers and Safari on iOS are working fine.

My progress callback and html are as follows:

progress: function(e, data){
    var percent = Math.round((e.loaded / e.total) * 100)
    $('.bar').css('width', percent + '%')
},
<div class="progress">
  <div class="bar"></div>
</div>

[blueimp]

This is a know issue and the reason Google Chrome for iOS is not listed as one of the browsers supporting upload progress callbacks here: https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support

[jajathejazzcat]

Thanks for the link. Somehow I completed missed the section on progress callback support. I hope this issue will get fixed soon and mobile Chrome will get added to the list of supported browsers.

[blueimp]

Unfortunately (as far as I know) this is a browser bug so it's up to the Chrome mobile developers to fix it. I'm not sure if it is applicable to post a bug report to the Chrome bug tracker or if there's a separate bug tracker for the mobile version.

[jajathejazzcat]

It seems Chrome for iOS bugs are listed here along with all bugs for other platforms.

http://code.google.com/p/chromium/issues/list?can=2&q=&colspec=ID+Pri+Mstone+ReleaseBlock+OS+Area+Feature+Status+Owner+Summary&x=mstone&y=owner&cells=tiles

[nmanikandan]

Thanks for this beautiful plugin. Angularjs progress bar is not working in my chrome and my OS is windows XP. Could you please help me to fix this issue..

[rothanachoun]

@blueimp I don't think it's browser bug, cos if found a small library work well on chrome mobile iOS https://github.com/danielm/uploader

So any solution to make your library work well too??

Thanks !

[blueimp]

I've just tried out the demo of the library you linked to and it does not show progress on Chrome mobile on iOS. I doubt you will find any library that does, as Chrome mobile on iOS simply doesn't emit any progress events on the native XHR object. Therefore yes, this is a browser bug.

[rothanachoun]

I got it now, great thanks for your reply !

[thehappycoder]

This must be the issue https://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified&groupby=&sort=&id=284039