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

progress bar loading ajax

Add Answer

faheem answered on June 24, 2020 Popularity 8/10 Helpfulness 3/10

answer progress bar loading ajax

related ajax with progress bar

related how to show progress on ajax call

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 loading progress-bar

Link to this answer
Share Copy Link

Contributed on Apr 01 2022

faheem

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

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

Link to this answer
Share Copy Link

Contributed on Jul 06 2020

Precious Pigeon

0 Answers Avg Quality 2/10

progress bar loading ajax

Contents

More Related Answers

progress bar loading ajax

Closely Related Answers

ajax with progress bar

how to show progress on ajax call

Grepper

Documentation

Social

Legal

Contact

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