/Javascript/jQuery/Progressbar jquery 3 ajax

Progressbar jquery 3 ajax

Ajax with progress bar

$.ajax({
    xhr: function() {
        var xhr = new window.XMLHttpRequest();

        // Upload progress
        xhr.upload.addEventListener("progress", function(evt){
            if (evt.lengthComputable) {
                var percentComplete = evt.loaded / evt.total;
                //Do something with upload progress
                console.log(percentComplete);
            }
       }, false);

       // Download progress
       xhr.addEventListener("progress", function(evt){
           if (evt.lengthComputable) {
               var percentComplete = evt.loaded / evt.total;
               // Do something with download progress
               console.log(percentComplete);
           }
       }, false);

       return xhr;
    },
    type: 'POST',
    url: "/",
    data: {},
    success: function(data){
        // Do something success-ish
    }
});

Source: stackoverflow.com

Progressbar jquery 3 ajax

ajax xhr

Similar codes

170 votes438 views5 answers
Setinterval jquery
Javascript jQuery
0 vote273 views1 answer
Jquery embeded by console
Javascript jQuery
1 vote308 views1 answer
Each option select jquery
Javascript jQuery
0 vote283 views1 answer
Jquery on change function not working
Javascript jQuery
9 votes272 views3 answers
Jquery closest
Javascript jQuery
0 vote308 views1 answer
Jquery get data from first column of table
Javascript jQuery
0 vote395 views1 answer
Jquery select element without child
Javascript jQuery
0 vote264 views1 answer
Jquery add event after page load
Javascript jQuery
236 votes446 views6 answers
Jquery timeout
Javascript jQuery
30 votes316 views6 answers
Find element with data attribute jquery
Javascript jQuery