7 replies to this topic

[welton122]

hi all,

ok i have created an upload site (Jake Welton) which users can upload files to. Problem is there is not a upload progress bar. I am having trouble finding a way of creating such a thing. I have absolutely no idea where to start, can anyone help me???? or point me into the direction of some simple tutorials??

Many Thanks,
J

[John]

Can't be done.

[Alexander]

You should look for an AJAX uploader progress bar, as this would need to be done in JS to show the progress based on the upload.

John said:

Can't be done.

PEAR includes many CLI based progress bar examples, can be done if you telnet to the PHP page.

Edited by Alexander, 21 October 2010 - 09:11 PM.

[welton122]

can someone point me towards some tutorials for doing this please

[DEViANT]

AJAX file upload tutorial

Quick google search returned the above posted tutorial. Hope it helps

[fyhring4]

Use AJAX, and then you can create a status process bar just this easy:

This should be in that file you load via AJAX

<table style="border: 1px solid #ACACAC; background-color: #FFFFFF">
<tr><td width="0%" style="background-color: #000000;"></td></tr>
</table>

Then you can set it to chance the value of the TD's width :)

[bbqroast]

Clever idea. Just make a javascript code to use AJAX to get the loading progress then convert into percentage and set that as the TD width.
Oh yea you might want to give the td an ID (id="progress-bar") then you can use the getElementById("progress-bar") function (might not be %100 correct).

[udaymishra]

You can use a prebuild jQuery Uploader..

I almost always use uploadify (jQuery Plugin).
It has very cool features like progress bar, and multiple uploads.
Do give it a try.