Question

i am implementing a uploading box in my site,The file got uploaded successfully but i want to make a box or loading bar which shows me detail of uploading like how much file is uploaded or what is the speed of transfer,I am bit confused with this, i want to know what is the logic behind this,Any help will be appreciated.

Answer 1

Use the jQuery form plugin. In modern browsers it supports the progress event:

$(...).ajaxForm({
    ...,
    uploadProgress: function(event, position, total, percentComplete) {
       ...
    }
});

While there are ways to do it with server-side code they usually require webserver plugins and are a huge mess as they require constant polling for the upload progress, an information that is already available locally. So simply provide the progress display only for people with modern browsers.