#1
|
||
|
phUploader progress bar?
Is it possible to implement a progress bar for the upload in some easy way?
|
#2
|
||
|
I'm very interested in this as well. I'm trying to piece one together and will post it if I'm successful.
|
#3
|
||
|
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"> function loadSubmit() { var ProgressImage = document.getElementById('progress_image'); document.getElementById("progress").style.visibility = "visible"; setTimeout(function(){ProgressImage.src = ProgressImage.src},100); return true; } </script> [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 |
#4
|
||
|
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 |
#5
|
||
|
uhh...i don't know what's happening...it keeps cutting me off...PM me if you need the progress bar.
|
#6
|
||
|
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.
|
#7
|
||
|
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 /> <font color="#FFFFFF" size="-1">Upload in progress...</font> Good luck! |
#8
|
||
|
I ad the below code but it fails to show and im also using the same file and image location as you
PHP Code:
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
work in progress sig | Skin | Sigs and Graphics | 4 | 03-10-2009 06:02 PM |
C3D Progress | Terry | Sigs and Graphics | 16 | 07-10-2005 04:20 PM |
in progress | NaughtyPerry | Web design and Programming | 14 | 04-15-2005 02:31 PM |
Work in progress.... | tzer | Sigs and Graphics | 26 | 12-06-2004 06:05 PM |