How to implement file upload progress bar on web?

Question

I would like display something more meaningful that animated gif while users upload file to my web application. What possibilities do I have?

Edit: I am using .

Answer 1

A good example of doing this without using Ajax is given at CodeProject by Nilesh Thakkar.

Answer 2

jQuery UI Progressbar - http://jqueryui.com/demos/progressbar/

Answer 3

Here are a couple of versions of what you're looking for for some common JavaScript toolkits.

• Mootools - http://digitarald.de/project/fancyupload/
• Extjs - http://extjs.com/learn/Extension:UploadForm

Answer 4

Some good .NET-specific help for doing progress bars can be found in Dino Esposito's MSDN Magazine articles from last July and August:

Context-Sensitive Feedback with AJAX (July '07)
Canceling Server Tasks with ASP.NET AJAX (August '07)

Answer 5

I've tried various techniques and had most success with SWFUpload.

You create and interact with an SWFUpload object using Javascript, but uses a (hidden) Flash file for file selection, uploading and upload progress monitoring. You can specify a wide range of Javascript event handlers (uploadStarted, uploadProgress, uploadError etc.) that the Flash will call during the upload progress making it very flexible. It also implements a file queue, so it works well for single or multiple files.

Links:

• API documentation
• Demos
• Downloads

Answer 6

ASP.NET File Upload with Real-Time Progress Bar

http://mattberseth.com/blog/2008/07/aspnet_file_upload_with_realti_1.html