Jquery/HTML5/Ajax上传进度条？

我正在开发一个简单的 S3 上传器，让它执行并完成我需要做的事情；但是，我想知道是否有一个易于创建上传进度条的方法？

在浏览器的底部，有一条浏览器消息，上面写着“正在上传” - 是否有任何人知道有关该消息的文章以显示加载栏？

理想情况下，该变量将传递给 jquery 函数，该函数在引导进度条（接受整数）中呈现百分比。

这里的目标是更美观，不一定 100% 准确。

如果您使用 XMLHttpRequest 对象，则可以使用 onprogress 事件和事件的长度可计算属性 .只有当您的 XMLHttpRequest 支持进度时才应该这样做 （测试 = 新 XMLHttpRequest 中的“上传”）

var xhr = new XMLHttpRequest();
xhr.open('POST', 'post/picture');
xhr.onload = function() {
   progress.value = progress.innerHTML = 100;
};


xhr.upload.onprogress = function (event) {
    if (event.lengthComputable) {
        var complete = (event.loaded / event.total * 100 | 0);
        progress.value = progress.innerHTML = complete;
    }
}

xhr.send(formData);