XMLHttpRequestEventTarget.onprogress

The XMLHttpRequestEventTarget.onprogress is the function called periodically with information when an XMLHttpRequest before success completely.

Syntax

XMLHttpRequest.onprogress = callback;

Values

  • callback is the function to be called periodically before the request is completed.

Event

  • event.loaded the amount of data currently transfered.
  • event.total the total amount of data to be transferred.
XMLHttpRequest.onprogress = function (event) {
  event.loaded;
  event.total;
};

Example

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

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

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
onprogress
1
12
1
10
≤12.1
≤4
≤37
18
4
≤12.1
≤3
1.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequestEventTarget/onprogress