Web/API/XMLHttpRequestEventTarget/onprogress

From Get docs

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

Specification Status Comment
XMLHttpRequest Living Standard WHATWG living standard

Browser compatibility

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
onprogress Chrome

Full support Yes

Edge

Full support ≤18

Firefox

Full support Yes

IE

Full support 10

Opera

Full support Yes

Safari

Full support Yes

WebView Android

Full support Yes

Chrome Android

Full support Yes

Firefox Android

Full support Yes

Opera Android

Full support Yes

Safari iOS

Full support Yes

Samsung Internet Android

Full support Yes

Legend

Full support  
Full support