请允许我引用此页面，它描述了如何在jquery中将
progressevent侦听器添加到xhr对象（仅在这些浏览器中有效，在较旧的浏览器中您仅依赖于当前使用的基础）。
作为参考，我复制了以下相关代码（您可能只对“下载进度”部分感兴趣）：
$.ajax({ xhr: function() { var xhr = new window.XMLHttpRequest(); //Upload progress xhr.upload.addEventListener("progress", function(evt){ if (evt.lengthComputable) { var percentComplete = evt.loaded / evt.total; //Do something with upload progress console.log(percentComplete); } }, false); //Download progress xhr.addEventListener("progress", function(evt){ if (evt.lengthComputable) { var percentComplete = evt.loaded / evt.total; //Do something with download progress console.log(percentComplete); } }, false); return xhr; }, type: 'POST', url: "/", data: {}, success: function(data){ //Do something success-ish }});请允许我说，尽管对于单页网站来说这是一个很大的矫and过正，并且仅对大文件才真正有用。另外，无法通过这种方式处理图像和类似媒体，因此您需要监视图像的加载（或自己通过Ajax进行加载）以使这样的系统完美。
这是一个JSFiddle，它正在运行中：http：//jsfiddle.net/vg389mnv/1/
