/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

25 votes181 views6 answers
Get selected option value jquery
Javascript jQuery
2 votes203 views2 answers
Get jquery version from console
Javascript jQuery
5 votes160 views2 answers
Jquery get URL slug
Javascript jQuery
1 vote168 views1 answer
Jquery get nested element
Javascript jQuery
0 vote189 views2 answers
Jquery when you typing in input
Javascript jQuery
1 vote151 views2 answers
Get jquery data
Javascript jQuery
0 vote154 views1 answer
Slider is not a function jquery
Javascript jQuery
0 vote188 views1 answer
Row append and calculation in jquery datatable
Javascript jQuery
58 votes160 views1 answer
JQuery ui embed
Javascript jQuery
0 vote175 views1 answer
Ocultar div con jquery
Javascript jQuery