Percent Progress

Show percentage text alongside the progress bar using the onTaskProgress callback to update a custom percent label in real time.

new MultipleUpload(document.getElementById('demo-percent-progress'), {
 uploadUrl: '/api/upload',
 multiple: true,
 onTaskProgress: function(task) {
 var el = document.getElementById('percent-display');
 el.textContent = task.fileName + ': ' + Math.round(task.progress) + '%';
 },
 onComplete: function() {
 document.getElementById('percent-display').textContent = 'All uploads complete!';
 }
});