- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- 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);
- Related Articles
- Stack multiple progress bars with Bootstrap
- Uniquely identify files before uploading with the HTML5 file API
- JavaScript File Drop with HTML5
- Python matplotlib multiple bars
- 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
- CSS content: attr() on HTML5 progress doesn't work
- How to display completion progress of a task in HTML5?
- Play local (hard-drive) video file with HTML5 video tag?
- HTML5 Canvas to PNG File
- Client Checking file size using HTML5
- IE supports the HTML5 File API

Advertisements