how to create the upload progress bar using javascript

Question

hi all,

i am using php to upload the file to server, HTML and javascript on the client side.

i want to create a determinent progress bar which progress of the file upload,using javascript

Regard, fresher

Answer 1

The fastest way that don't require any server-side configuration is http://swfupload.org/

afaik any other methods require some additional software/plugins for web server.

Answer 2

Have a look at this Simple javascript progress bar

Answer 3

• one of many libraries: http://github.com/drogus/jquery-upload-progress;

• blog article: http://drogomir.com/blog/2008/6/30/upload-progress-script-with-safari-support

• and demo: http://drogomir.com/files/blog/jquery-upload-progress/example/

Answer 4

I thought i will add a few words to discussion :)

As far as I know you are not able to monitor file upload from Javascript only.
Javascript is tool to dynamically update client side - your progress bar.

Means your solution really depends on control you're having over the server machine.
To follow file progress you can write server side script or use http server built in functions. Again depending on your server, this can be PHP Pecl extensions' functions, simple Perl script checkin status of the file on server, etc.

Note: You can also add another client-side technology here - Flash, which can monitor the status of sent files.