jQuery plugin that adds support of `progress` promise
Switch branches/tags
Nothing to show
Clone or download
likerRr Rework api
closes #7
Latest commit 2ce8926 Feb 5, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
example Rework api Feb 4, 2018
src Rework api Feb 4, 2018
.editorconfig add bower support Aug 28, 2015
.gitignore initial Aug 25, 2015
LICENSE Rework api Feb 4, 2018
README.md Rework api Feb 4, 2018
bower.json correct description Aug 28, 2015
gulpfile.js initial Aug 25, 2015
package-lock.json Rework api Feb 4, 2018
package.json Rework api Feb 4, 2018


jQuery Ajax Progress

Lightweight jQuery plugin that adds support of progress and uploadProgress promises to $.ajax()



npm install jq-ajax-progress


git clone git@github.com:likerRr/jq-ajax-progress.git

How to use

Include src/jq-ajax-progress.min.js inside your html after jQuery script

Basic usage

$.ajax(url, {
    progress: function(e) {
      // track downloading
    uploadProgress: function(e) {
      // track uploading
      // if (e.lengthComputable) {
      //   var completedPercentage = Math.round((e.loaded * 100) / e.total);
      //   console.log(completedPercentage);

Extended usage

When you have to send a chunked data to client in some cases it would be good to track what part have just received. For this purposes use boolean option chunking (false by default). If it's set as true, then the second parameter in callback function will be a chunk part.

By default all chunked response contains whole text response that already received and you should manually cut it if you need to do something with parts. One of a possible case when you send big text or media response from server to client and you don't want your client wait for whole response.

Keep in mind, that under the hood whole response is being cut from the beginning (from zero index) until last part's occurrence, so big amount of data (theoretically) may cause a performance troubles. But... just keep in mind :)

$.ajax(url, {
    chunking: true,
    progress: function(e, part) {


Install node

Run npm install && npm run build

This will minify library and put it inside src folder