Breaking News: Grepper is joining You.com. Read the official announcement!

how to show progress on ajax call

Add Answer

Precious Pigeon answered on June 24, 2020 Popularity 9/10 Helpfulness 4/10

answer how to show progress on ajax call

related ajax with progress bar

related progress bar loading ajax

how to show progress on ajax call

Comment

BY LOVE
You need to call the progress bar class, That's IT

beforeSend: function () 
				{
                    $('.loaderimg').show();
                },
complete: function () 
				{
                    $(".loaderimg").hide();
                }

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: ajax call javascript progress show

Link to this answer
Share Copy Link

Contributed on Jul 06 2020

Precious Pigeon

0 Answers Avg Quality 2/10

Closely Related Answers

ajax with progress bar

Comments(1)

$.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
    }
});

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Jun 24 2020

Matteoweb

0 Answers Avg Quality 2/10

progress bar loading ajax

Comment

 xhr: function() {
                var xhr = new window.XMLHttpRequest();
                xhr.upload.addEventListener("progress", function(evt) {
                    if (evt.lengthComputable) {
                        var percentComplete = Math.ceil((evt.loaded / evt.total) * 100);
                        $(".uk-progress").width(percentComplete + '%');
                        $(".uk-progress").html(percentComplete+'%');
                    }
                }, false);
                return xhr;
            },

Popularity 8/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: ajax javascript j

Link to this answer
Share Copy Link

Contributed on Apr 01 2022

faheem

0 Answers Avg Quality 2/10

how to show progress on ajax call

Contents

More Related Answers

how to show progress on ajax call

Closely Related Answers

ajax with progress bar

progress bar loading ajax

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.