Can I use jQuery UI Progress Bar to indicate the progress of downloading a file?

Question

I have a web page that has several files available for download. These files vary in size from 1MB to 40MB. To help the user see that something is actually happening during the file download process, I would like to include a progress bar that gives a visual indication of the download progress.

Would the jQuery UI Progress Bar work for this kind of task? If so, are there some examples of such coding that I could follow? (Yes, I have reviewed the jQuery UI site on this).

Thanks.

Answer 1

In short, no, you can't do this.

The page listing these files for download has nothing to do with the transaction after the download has begun. It's up to the browser to display a progress bar and indicate when the download has completed. Once the user is downloading a file, the dialog takes place between their browser and the webserver - your page is no longer involved.

Answer 2

If I'm not mistaken, all browsers have built in progress bar. So you don't need to make one.