Jquery – Progress bar and jquery ajax

jqueryprogress-bar

There is a way to get a progress bar that interfaces with a jquery ajax?
I ask this because i followed this tutorial to build an ajax upload with jquery, and it would be useful to see the progress of the upload.

Thanks.

Best Answer

jQuery UI has a progress bar built in; it's very straightforward.

If jQuery UI isn't your thing, you could go for a straight plugin like this one.

As for the process of determining how much of the file has been uploaded, that's a whole bag of trouble :)

Here's an implementation you can simply download and use, or pick apart for ideas. It employs APC, which shouldn't be too hard to get up and working.

Here's another SO thread showing how to do it with PHP and no external libs; looks very promising.

Related Solutions

Javascript – n “exists” function for jQuery

In JavaScript, everything is 'truthy' or 'falsy', and for numbers 0 means false, everything else true. So you could write:

if ($(selector).length)

You don't need that >0 part.

Javascript – How to get jQuery to perform a synchronous, rather than asynchronous, Ajax request

From the jQuery documentation: you specify the asynchronous option to be false to get a synchronous Ajax request. Then your callback can set some data before your mother function proceeds.

Here's what your code would look like if changed as suggested:

beforecreate: function (node, targetNode, type, to) {
    jQuery.ajax({
        url: 'http://example.com/catalog/create/' + targetNode.id + '?name=' + encode(to.inp[0].value),
        success: function (result) {
            if (result.isOk == false) alert(result.message);
        },
        async: false
    });
}

Best Answer

Related Solutions

Javascript – n “exists” function for jQuery

Javascript – How to get jQuery to perform a synchronous, rather than asynchronous, Ajax request

Related Topic