XMLHttpRequestEventTarget.onprogress

XMLHttpRequest.onprogress = callback;

• callback 在请求完成之前周期性调用的函数。

• event.loaded 已传输的数据量
• event.total 总共的数据量

XMLHttpRequest.onprogress = function (event) {
  event.loaded;
  event.total;
};

var xmlhttp = new XMLHttpRequest(),
  method = 'GET',
  url = 'https://developer.mozilla.org/';

xmlhttp.open(method, url, true);
xmlhttp.onprogress = function () {
  //do something
};
xmlhttp.send();