XMLHttpRequestEventTarget.onprogress

XMLHttpRequestEventTarget.onprogress は、正常に成功する前に XMLHttpRequest の情報を定期的に呼び出す関数です。

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();