- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
HTML5 file uploading with multiple progress bars
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);
Updated on 25-Jun-2020 07:51:15
- Related Questions & Answers
- Stack multiple progress bars with Bootstrap
- Uniquely identify files before uploading with the HTML5 file API
- Python matplotlib multiple bars
- JavaScript File Drop with HTML5
- Validating a file size in JavaScript while uploading
- Uploading file to S3 using Rest Assured multipart.
- Uploading an excel file in Web Dynpro for ABAP
- How to plot multiple horizontal bars in one chart with matplotlib?
- Using HTML5 file uploads with AJAX and jQuery
- How to display completion progress of a task in HTML5?
- CSS content: attr() on HTML5 progress doesn't work
- HTML5 Canvas to PNG File
- Play local (hard-drive) video file with HTML5 video tag?
- Create a progress bar with Bootstrap
- IE supports the HTML5 File API
Advertisements