/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

0 vote213 views1 answer
Jquery each tr except first
Javascript jQuery
2 votes200 views1 answer
Get attribute value jquery href
Javascript jQuery
34 votes198 views2 answers
Jquery reload page
Javascript jQuery
3 votes242 views6 answers
Select dropdown value using jquery
Javascript jQuery
5 votes224 views3 answers
Jquery ajax request
Javascript jQuery
32 votes211 views6 answers
Set radio button checked jquery
Javascript jQuery
49 votes223 views6 answers
How to get selected radio button value in jquery
Javascript jQuery
1 vote189 views1 answer
Jquery to hide a div
Javascript jQuery
0 vote205 views1 answer
Jquery datetimepicker example code
Javascript jQuery
0 vote234 views2 answers
Pure JavaScript Send POST NO JQUERY
Javascript jQuery