进度条有助于实时显示文件上传状态。
我们可以在Ajax中获取上载进度，并使用jQuery显示百分比进度列。
进度条非常有用，可以让文件上传进程用户友好。

以下代码显示如何在Ajax中获取文件上载进度，并使用jQuery与百分比进行进度条。

• 在$.ajax（）方法中使用'xhr'选项来处理进度条操作。
• 使用JavaScript Window.xmlhttproquest（）方法创建一个新的'xmlhttperquest'对象。
• XMLHTTPRequest的“progress”事件“上载”属性允许获得总长度和加载的长度。
• 计算百分比并处理过程列。

$.ajax({
    xhr: function() {
        var xhr = new window.XMLHttpRequest();
        xhr.upload.addEventListener("progress", function(evt) {
            if (evt.lengthComputable) {
                var percentComplete = (evt.loaded/evt.total) * 100;
                //Place upload progress bar visibility code here
            }
        }, false);
        return xhr;
    },
    type: 'POST',
    url: "upload.php",
    data: {},
    success: function(data){
        //Do something on success
    }
});