Skip to content
Simple patch that adds a 'progress' callback to jquery Ajax calls
Branch: master
Clone or download
Latest commit ff6bf25 Feb 23, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
data Initial commit Sep 21, 2012
js Fix #4, preserve context when calling `oldXHR`. Jun 20, 2017
LICENSE Add license file. Feb 23, 2018
README.md Added notes to README Sep 21, 2012
demo.html

README.md

Jquery Ajax Progresss

A simple patch to jQuery that will call a 'progress' callback, using the XHR.onProgress event

Usage

Simply include the script on your page:

<script src="js/jquery.ajax-progress.js"></script>

Then, whenever you make an ajax request, just specify a progress callback:

$.ajax({
    method: 'GET',
    url: 'data/bird.json',
    dataType: 'json',
    success: function() { },
    error: function() { },
    progress: function(e) {
        //make sure we can compute the length
        if(e.lengthComputable) {
            //calculate the percentage loaded
            var pct = (e.loaded / e.total) * 100;

            //log percentage loaded
            console.log(pct);
        }
        //this usually happens when Content-Length isn't set
        else {
            console.warn('Content Length not reported!');
        }
    }
});

You can see it in action on the demo.html page.

Notes

You can’t perform that action at this time.