/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

111 votes268 views6 answers
Foreach jquery
Javascript jQuery
0 vote221 views1 answer
Fetch file on server using jquery
Javascript jQuery
13 votes226 views3 answers
Jquery not equal
Javascript jQuery
0 vote245 views2 answers
How to target two id using jquery
Javascript jQuery
4 votes232 views4 answers
Trigger jquery
Javascript jQuery
2 votes225 views1 answer
Unset radio button jquery by name
Javascript jQuery
100 votes222 views6 answers
Check checkbox by jquery
Javascript jQuery
17 votes224 views2 answers
Jquery add element to array
Javascript jQuery
2 votes209 views1 answer
Get attribute value jquery href
Javascript jQuery
1 vote213 views1 answer
Jquery set value by id
Javascript jQuery