Print

Please login or register.
1 Hour 1 Day 1 Week 1 Month Forever
Login with username, password and session length

[Paul York]

Is there any way to show a progress bar during uploads. Would be real helpful

[Saleh]

Not possible without hacking PHP engine itself.

[kwone67]

Hi Saleh,

First, I just wanted to say thanks for the excellent script and offering your help! Your good work is appreciated and I just wanted to say Thank You:)

Second, rather than hacking the php engine could a simple animated gif image work?  I mean after a person selects the "upload" button a simple animated gift is displayed (that has nothing to do with real time file upload status) and stops or redirects to show the uploaded file when the upload is complete?

People send me 1-2GB files and they think that when they see a static looking page for an hour while there file uploads  that something must be wrong and tend to refresh or navigate away!

Thanks again

Kevin



 

[Saleh]

That would be fairly easy
Find in functions.php:

Code: [Select]

   <tr>
      <td align="center">
      <span style="font-size: 7pt; font-family: tahoma, verdana;">'.$txt['powered'].': <a href="http://www.phpsimplicity.com" target="_blank">&copy; '.NAME.'</a></span><br />
        <input type="submit" value="  '.$txt['submit'].'  " name="SFUsubmit" '.$disabled.'/></td>
   </tr>
Replace with:

Code: [Select]

   <tr>
      <td align="center">
      <span style="font-size: 7pt; font-family: tahoma, verdana;">'.$txt['powered'].': <a href="http://www.phpsimplicity.com" target="_blank">&copy; '.NAME.'</a></span><br />
        <div id="progressBar" style="display: none;"><img src="PATH/TO/PROGRESS_BAR.gif" /><br />Please wait ...<br /></div>
        <input type="submit" value="  '.$txt['submit'].'  " name="SFUsubmit" onclick=\'javascript:document.getElementById("progressBar").style.display="block"\' '.$disabled.'/></td>
   </tr>
This should work. Simply change "PATH/TO/PROGRESS_BAR.gif" to the actual progress bar image and once the submit button is clicked, it will be displayed.

Try it, and let me know.

[kwone67]

Well it looks like it want's to work but it does not.  I have attached a screen shot to show you what I am looking at, it seems that it can't display the image correctly and just shows a place holder.  I also tried this with a jpg, gif and png but same result, I also checked the path to the image and it is correct.

Kevin

[Saleh]

Could you post the code?
Because that is definitely a problem with the image not the code. my code simply shows/hide the area so it's not Javascript's fault.

[kwone67]

Okay this is what I have.

Kevin

Code: [Select]

  </tr>
   <tr>
      <td align="center">
      <span style="font-size: 7pt; font-family: tahoma, verdana;">'.$txt['powered'].': <a href="http://www.phpsimplicity.com" target="_blank">&copy; '.NAME.'</a></span><br />
        <div id="progressBar" style="display: none;"><img src="/usr/local/4admin/apache/vhosts/metrotechglobal.com/addon/lowcost-exhibits.com/progressBar.gif" /><br />Please wait ...<br /></div>
        <input type="submit" value="  '.$txt['submit'].'  " name="SFUsubmit" onclick=\'javascript:document.getElementById("progressBar").style.display="block"\' '.$disabled.'/></td>
   </tr>
    </form>
</table>';

   echo $form;

[Saleh]

I see. Image src should be relative to the base directory of the http server..
meaning, if your website URL is metrotechglobal.com and you stored the image in addon/images you simply put "addon/images/progressBar.gif" in src:
<img src="addon/lowcost-exhibits.com/progressBar.gif" />

[kwone67]

Okay I must be doing something wrong because I still can't get it to work.  I am not sure if it matters but I should mention that I want to use this script on my website that is an "addon domain" to the main hosting account website , www.metrotechglobal.com

According to my hosting company

"Addon Hosted - Hosted mode allows an Addon domain to be hosted as a full website with its own directory and file structure. Search engines see Hosted domains as having unique content, and therefore rank them as well as they would a fully hosted site. Once set up, files for Hosted Addon domains are uploaded to the addon/addondomain.com directory via FTP"

So the path to the "fully hosted" domain that I want to use the  script is addon/lowcost-exhibits.com

and I have tried the following paths to the progressBar.gif:

img src="addon/images/progressBar.gif"
img src="lowcost-exhibits.com/images/progressBar.gif"
img src="addon/lowcost-exhibits.com/images/progressBar.gif"

I even made a directory "images" for the main website httpdoc folder and tried this path as well:

img src="/images/progressBar.gif"
img src="metrotechglobal.com/images/progressBar.gif"


So I have both file structures in place on the server with the same progressBar.gif

metrotechglobal.com/addon/lowcost-exhibits.com/images/progressBar.gif"
metrotechglobal.com/images/progressBar.gif

Clearly I have no idea what I'm doing your help is appreciated

Kevin




 

[Saleh]

Code: [Select]

  </tr>
   <tr>
      <td align="center">
      <span style="font-size: 7pt; font-family: tahoma, verdana;">'.$txt['powered'].': <a href="http://www.phpsimplicity.com" target="_blank">&copy; '.NAME.'</a></span><br />
        <div id="progressBar" style="display: none;"><img src="../images/progressBar.gif" /><br />Please wait ...<br /></div>
        <input type="submit" value="  '.$txt['submit'].'  " name="SFUsubmit" onclick=\'javascript:document.getElementById("progressBar").style.display="block"\' '.$disabled.'/></td>
   </tr>
    </form>
</table>';

   echo $form;
This should solve everything
The problem was because you were not taking into account the relative paths of your structure.
Your upload script was in http://www.lowcost-exhibits.com/upload/upload.php
and you image was in http://www.lowcost-exhibits.com/images/progressBar.gif

You simply had to go up in the structure and then back to images folder.

[kwone67]

It works!  Thanks for all your help.  Now that everything is working I wanted to pay you a small license fee for your script because I would like to change the following, if it's ok with you.


1. I wanted to put my logo at the top of the page with a welcome message.

2. remove the link above the "upload" button and the "Powered by Simplicity of upload"

I still want to keep the "Powered by Simplicity of upload" at the very bottom of the page but right now it says it in 2 places ( you can see what I am talking about http://www.lowcost-exhibits.com/upload/upload.php

Let me know what you think, I won't do anything unless your cool with it

Thanks

Kevin

[Saleh]

It's fine. You could put a logo and remove one of the powered by phrases but just make sure the remaining one has a link to my website. You can change it's place to anywhere you want.

[michel111]

I know there are lots of scripts out there for a PHP progress bar, most implementing CGI but I have not had any success with them. Does anyone know of a surefire way to implement a progress bar for PHP that works with a simple html form?

[darrell18ho]

Can you [please tell the way how we show the progress bar while the process is going to complete.I want the step by step description it will help me.Thanks in advance..

[Hawk]

If you read this whole thread, it tells you how.

Open functions.php and Find:

Code: [Select]

<tr>
      <td align="center">
      <span style="font-size: 7pt; font-family: tahoma, verdana;">'.$txt['powered'].': <a href="http://www.phpsimplicity.com" target="_blank">&copy; '.NAME.'</a></span><br />
        <input type="submit" value="  '.$txt['submit'].'  " name="SFUsubmit" '.$disabled.'/></td>
   </tr>
Replace with this:

Code: [Select]

<tr>
      <td align="center">
      <span style="font-size: 7pt; font-family: tahoma, verdana;">'.$txt['powered'].': <a href="http://www.phpsimplicity.com" target="_blank">&copy; '.NAME.'</a></span><br />
        <div id="progressBar" style="display: none;"><img src="../images/progressBar.gif" /><br />Please wait ...<br /></div>
        <input type="submit" value="  '.$txt['submit'].'  " name="SFUsubmit" onclick='javascript:document.getElementById("progressBar").style.display="block"' '.$disabled.'/></td>
   </tr>
Just change <img src="path to your image/image name" /> to reflect where your image is and the name of your image.

It's not really a progress bar, but you use an animated image to act as one, and it will only display while the file is being uploaded.

You can go to this link and see how it works.  http://paphalophagus.com/test/upload-page.htm

[Saleh]

Hawk, thank you but don't bother. It's a bot. They are invading my forum again. Maybe I should add more defensive measures against spam bots.

[Hawk]

I sort of thought so, but wasn't sure.
Thought I'd try to help out anyway, just in case. 

I saw that you tried to upload a jpg. I figured for this test page I'd limit allowed file types to just the packages, zip, rar, and 7z. 

I've got the real script running on 2 different sites of mine and so far it seems to be working fine, although one member couldn't add his forum username because there is a space in it. I got it fixed though. I forget to add the \ in front of the s. 

[Saleh]

Eh! Did I add my name when I upload that file?! can't remember
I am glad to hear that you are making use of the script

[Hawk]

No you didn't but your IP gave you away. 

BTW! It's working out great for me and the users. 

[AdamPickett5]

I want progress bar for PHP that works with a simple html form...is it possible? does anyone have any idea about it?

With Quick-Reply you can write a post when viewing a topic without loading a new page. You can still use bulletin board code and smileys as you would in a normal post.

Name: Email:
Verification: