HTML5 file uploading with multiple progress bars

JavascriptWeb DevelopmentFront End Scripts

To make it work correctly, you need to work around xhr progress event, which is fired when all list items had been already created.

The xhr should know what you want to do −

var a = new XMLHttpRequest();
a.upload.li = li;

a.upload.addEventListener('progress', function(e) {
   var pc = parseInt(event.loaded / event.total * 100);
   this.li.find(".progressbar").width(pc);
}, false);
raja
Published on 06-Apr-2018 12:59:39
Advertisements