Access the onprogress function for an XHR request

[NervosaX]

I need to be able to show progress when downloading a zip file (which can be very large,
so it's really necessary). Currently there is no way to access this functionality in axios.

Example as an xhr request:

var xhr = new XMLHttpRequest();
xhr.responseType = "arraybuffer";

xhr.open("GET", "/url/here/foo.zip", true);

xhr.onprogress = function(e) {
    if (this.status === 200) {
        var curLoadedMB = (e.loaded / 1024.0 / 1024.0).toFixed(2);
        var totalMB = (e.total / 1024.0 / 1024.0).toFixed(2);
        downloadProgress.setProgress((e.loaded / e.total) * 100);
    }
};

xhr.onreadystatechange = function() {
    // ...
}

xhr.send();

Example possible use in axios:

axios({
    url: "/url/here/foo.zip",
    responseType: "arraybuffer",
    progress: function(loaded, total) {
        // ...
    }
});

[wuct]

+1 for this feature

[orafaelfragoso]

+1

[pandaiolo]

+1

[srph]

Anybody making any progress?

[willdady]

+1

[SZEth8]

+1

[Celsius273]

+1

[NervosaX]

@mzabriskie Is this ticket going to be addressed? Not being able to show progress on the front end is pretty debilitating.

[srph]

Yes, he even closed a few tickets related to the issue (and referred this). I don't mean to say anything, but I think a rather polite way to say that is by sending a PR 😄.

[NervosaX]

@srph Yeah, there's one listed above that's been open since July.

Edit: Sorry, don't meant to sound rude. Just don't want this getting forgotten.

[soluml]

+1

[IDontEatSoap]

+1

[liuq]

+1

[srph]

+1 doesn't help out here. Check out #96

[chrisfinch]

Any progress here?