phUploader progress bar?
Is it possible to implement a progress bar for the upload in some easy way?
|
I'm very interested in this as well. I'm trying to piece one together and will post it if I'm successful.
|
Okay, it took a lot of time/trial/error but I found a solution for the progress bar. This is BY FAR the easiest one to implement (I tried many others). It's a combination of Javascript and AJAX, there's very little code, and the best part is it doesn't add any additional pages - which I love because I'm a minimalist.
1. Go to http://www.ajaxload.info/ and generate an image for your progress bar. This site has great choices and allows customization if you want to match your site's colors. 2. Insert this code just before the end of the </head> tag in phUploader.php. If the </head> tag is missing like it was in mine, you can insert it around line 273. HTML Code:
<script language="javascript" type="text/javascript"> [HTML] <p style="visibility:hidden;" id="progress"/><img id="progress_image" style="padding-left:5px;padding-top:5px;" src="images/ajax-loader.gif" alt=""> Uploading in progress |
hmm...part of that got cut off. Here's the code for #3:
[HTML]<p style="visibility:hidden;" id="progress"><img id="progress_image" style="padding-left:5px;padding-top:5px;" src="images/ajax-loader.gif" alt=""> Uploading in progress |
uhh...i don't know what's happening...it keeps cutting me off...PM me if you need the progress bar.
|
I'd like the code that was cut off
My friend, you said that the code kept getting cut off. Can you email me the complete code for the progress bar? I can't PM because I don't have 5 posts. Thanks so much in advance.
|
Sure, this is the code:
HTML Code:
<span style="visibility:hidden;" id="progress" align="center" /><img id="progress_image" style="padding-left:5px;padding-top:5px;" src="images/ajax-loader.gif" alt=""><br /> Good luck! |
I ad the below code but it fails to show and im also using the same file and image location as you
PHP Code:
|
All times are GMT -5. The time now is 08:02 PM. |
Powered by vBulletin®