HTTP进度事件

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