adding progress bar

Question

I have created a page to upload a file (single) to my server :

<form action="<?php echo $_SERVER['PHP_SELF'];?>?e_name=<?php echo $_GET['e_name']; ?>" method="post" enctype="multipart/form-data">
<input type="file" id="upload-video" name="userfile" onchange="handleFiles(this.files)" class="input"/>
<div>
<input type="submit" name="submit" value="העלה" class="button"/>
</div>
</form>

and i was wondering how i could add a progress bar to it. i have noticed that in chrome you can see the upload percentage and wanted to know if there is a way to use that information.

if not, what is a good way to do this? i have been looking around but always seem to get confused with what i find, if someone could explain it simply that would be grate.

thank you very much.

Answer 1

I've been using a jQuery plugin to do all my file uploads, seems quicker than trying to reinvent the wheel. It includes the form plus the progressbar and hints on how to process on the backend. Plus, they've done all the bugchecking for you.

Jquery File Upload Plugin

Answer 2

check this example , this do what you want