Drive a Bootstrap progress bar from AjaxUploader's onProgress callback.
The built-in progress UI is bypassed in favor of a fully external element.
What you should see: progress rendered in your own bar elsewhere on the page; the built-in bar is unused. One file at a time.
AjaxUploader.create(el, {
uploadUrl: '/ajaxupload.axd/upload',
autoUpload: true,
onProgress: function (file, percent) {
var safePercent = clampPercent(percent);
bar.style.width = safePercent + '%';
bar.setAttribute('aria-valuenow', safePercent);
bar.textContent = safePercent + '%';
},
onComplete: function (file) {
bar.classList.add('bg-success');
bar.textContent = 'Done!';
}
});