/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

17 votes150 views6 answers
Jquery select option value selected
Javascript jQuery
2 votes148 views1 answer
Jquery cancel ajax request on click
Javascript jQuery
2 votes142 views1 answer
Columndefs in datatable not working while setting width jquery
Javascript jQuery
0 vote156 views1 answer
Jquery to another page
Javascript jQuery
3 votes145 views2 answers
How To clear all the input element inside div using jquery
Javascript jQuery
0 vote95 views1 answer
Load data dynamically on page scroll using jquery ajax in json formt
Javascript jQuery
36 votes148 views6 answers
Input radio checked jquery
Javascript jQuery
22 votes160 views6 answers
Jquery get selected option value
Javascript jQuery
2 votes150 views1 answer
Explode in jquery
Javascript jQuery
-1 vote211 views2 answers
Jquery remove keypress event
Javascript jQuery