XHR2定义了progress事件，与progress事件相关联的事件对象有3个有用的属性：
loaded属性是目前传输的字节数值；
total属性是传输数据的整体长度。
lengthComputable属性是如果知道内容长度则为true，反之为false；
request.onprogress = function(e){
if(e.lengthComputable) {
progress.innerHTML = Math.round(e.loaded/e.total*100)+'%';
}
}
NProgress.js是一个很不错的进度库。
WX20181010-161009@2x.png
