Striped Progress

An animated striped progress bar using CSS gradients and keyframes, updated via onTaskProgress.

var fill = document.getElementById('striped-fill');

new MultipleUpload(document.getElementById('demo-striped'), {
 uploadUrl: '/api/upload',
 multiple: true,
 onTaskProgress: function(task) {
 fill.style.width = task.progress + '%';
 },
 onComplete: function() {
 fill.style.width = '100%';
 }
});