Aggregate Progress

Show overall aggregate progress across all files using the onProgress callback, which provides total bytes uploaded and remaining.

0% 0 / 0

new MultipleUpload(document.getElementById('demo-aggregate'), {
 uploadUrl: '/api/upload',
 multiple: true,
 onProgress: function(progress) {
 document.getElementById('agg-bar-fill').style.width = progress.percent + '%';
 document.getElementById('agg-pct').textContent = Math.round(progress.percent) + '%';
 document.getElementById('agg-bytes').textContent =
 MultipleUpload.formatSize(progress.uploadedBytes) + ' / ' +
 MultipleUpload.formatSize(progress.totalBytes);
 }
});