Question

I tested this on firefox and ie and worked. But when testing on chrome, I see in the firebug console that the request never loads.

This is the test page: http://gotune.to/index2.php

And here is the function + $.ajax() request.

function getProgress(id) {
    $.ajax({
        type: 'POST',
        cache: false,
        url: "getprogress.php",                         

        //Pass our upload identifier as a parameter.
        data: {uid: id},

        success: function (d) {

            //Get the output as an integer.
            var progress = parseInt(d, 10);

            //If upload progress is not 100, change bar percentage and update again.
            if (progress != '100') {

                $('#ProgressBar').css('width', progress + '%');

                //We aren't done, update again.
                getProgress(id);
            }
        }

    });

}

---

UPDATE

Tried with

    },

    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert(textStatus+" - "+errorThrown);
    }

But still not working.

Answer 1

After a web research for this issue if found this:

Turns out it’s a bug, in any webkit
based browser all ajax is essentially
blocked until the file upload is
complete. to bypass this you have to
dynamically create an iframe and run
the ajax requests from within it.

So is a problem of the webkit browsers, thanks @ifaour for your time.

THE BUG REPORT CAN BE FOUND HERE: https://bugs.webkit.org/show_bug.cgi?id=23933