Comments on: WebAppers Simple Javascript Progress Bar with CSS http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/ - Hunting the Best Open Source Resources for Web Developers Wed, 02 May 2012 09:22:21 -0700 http://wordpress.org/?v=2.8.6 hourly 1 By: Kubki http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/comment-page-3/#comment-48340 Kubki Thu, 19 Apr 2012 06:29:11 +0000 http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/#comment-48340 I download this progress Bar and it's great. I download this progress Bar and it’s great.

]]> By: Bramus! http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/comment-page-3/#comment-42838 Bramus! Thu, 27 Oct 2011 09:50:31 +0000 http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/#comment-42838 @Gareth: Technically my version is constructed in a more advanced way (an object versus a bunch of functions), but that's not per say better (featurewise). The version that fits you best and that does what you want it to do, that's the best version ;) @Gareth: Technically my version is constructed in a more advanced way (an object versus a bunch of functions), but that’s not per say better (featurewise). The version that fits you best and that does what you want it to do, that’s the best version ;)

]]> By: Gareth http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/comment-page-3/#comment-42687 Gareth Wed, 19 Oct 2011 15:36:54 +0000 http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/#comment-42687 Ok, Thanks Bramus. What is the second parameter? It is called "clearQueue" which does not indicate that it is specifically to do with whether or not you want to animate the new percentage. I thought it meant to wipe out any pending animations that have not yet finished running. I think I will just stick with the original version now that I have it working the way I need it. I played around with your version for hours yesterday and could not work out to dynamically set the animate property to false from the script within my html page. Why is your version better? What are the improvements that you made? (forgive me for asking what may seem like a stupid question to you, but I cannot see any obvious improvements....) Ok, Thanks Bramus. What is the second parameter? It is called “clearQueue” which does not indicate that it is specifically to do with whether or not you want to animate the new percentage. I thought it meant to wipe out any pending animations that have not yet finished running.

I think I will just stick with the original version now that I have it working the way I need it. I played around with your version for hours yesterday and could not work out to dynamically set the animate property to false from the script within my html page.

Why is your version better? What are the improvements that you made? (forgive me for asking what may seem like a stupid question to you, but I cannot see any obvious improvements….)

]]> By: Bramus! http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/comment-page-3/#comment-42686 Bramus! Wed, 19 Oct 2011 15:27:27 +0000 http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/#comment-42686 You can always set the animation property to false, or make use of the second parameter the setPercentage function accepts: myPB.setPercentage(0, true); You can always set the animation property to false, or make use of the second parameter the setPercentage function accepts: myPB.setPercentage(0, true);

]]> By: Gareth http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/comment-page-3/#comment-42685 Gareth Wed, 19 Oct 2011 15:23:41 +0000 http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/#comment-42685 "Calling setPercentage with a value of 0 looks the same as emptyProgress to me, hence I didn’t implement that method." Nothing could be further from the truth, in your version, calling setPercentage with a value of 0 counts the progress bar backwards down to zero. So users will see the percentage figure dropping gradually back down to zero. Why would you want users to think that the progress is decreasing? “Calling setPercentage with a value of 0 looks the same as emptyProgress to me, hence I didn’t implement that method.”

Nothing could be further from the truth, in your version, calling setPercentage with a value of 0 counts the progress bar backwards down to zero. So users will see the percentage figure dropping gradually back down to zero. Why would you want users to think that the progress is decreasing?

]]> By: Bramus! http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/comment-page-3/#comment-42683 Bramus! Wed, 19 Oct 2011 14:54:11 +0000 http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/#comment-42683 Gareth, Calling setPercentage with a value of 0 looks the same as emptyProgress to me, hence I didn't implement that method. Be sure to give the (source of the) demo at http://www.bram.us/demo/projects/jsprogressbarhandler/ a proper look. As you'll see, that demo works fine (and has worked fine for the past 4 years ever since it's been released) in any browser you've mentioned. Regards, Bram. Gareth,

Calling setPercentage with a value of 0 looks the same as emptyProgress to me, hence I didn’t implement that method.

Be sure to give the (source of the) demo at http://www.bram.us/demo/projects/jsprogressbarhandler/ a proper look.

As you’ll see, that demo works fine (and has worked fine for the past 4 years ever since it’s been released) in any browser you’ve mentioned.

Regards,
Bram.

]]> By: Gareth http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/comment-page-3/#comment-42681 Gareth Wed, 19 Oct 2011 13:44:37 +0000 http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/#comment-42681 Thanks for the quick response Ray, however what you have linked to is the adaption of the original tool made by Bram.us, not the original tool. I have no idea why Bram.us made those changes to the tool, by removing the ability to reset the progress bar back to zero (he removed the method entitled "emptyProgress"), he has effectively made it useless for anyone who wants to be able to use the progres bar on a dynamic page that allows users to requery the page (on the second query/upload the progress bar will be stuck at 100%). I have no idea why he choose to mess with a perfectly functioning tool, I have tested the demo here in IE, chrome, FF, and Opera and it has no issues. Don't fix what isn't broken! I have worked out how to download the original version shown on the demo here, in case others are interested, this is how to do it: 1,Go here: http://www.webappers.com/progressBar/lib/ and download all 3 files listed (including the css file) 2,Go here: http://www.webappers.com/progressBar/images/ and download all 5 of the .png files listed 3, Make sure that you preserve the same file path structure as the demo does, or if you choose a different structure, then adjust the file paths in the code accordingly. Thanks for the quick response Ray, however what you have linked to is the adaption of the original tool made by Bram.us, not the original tool.

I have no idea why Bram.us made those changes to the tool, by removing the ability to reset the progress bar back to zero (he removed the method entitled “emptyProgress”), he has effectively made it useless for anyone who wants to be able to use the progres bar on a dynamic page that allows users to requery the page (on the second query/upload the progress bar will be stuck at 100%).

I have no idea why he choose to mess with a perfectly functioning tool, I have tested the demo here in IE, chrome, FF, and Opera and it has no issues. Don’t fix what isn’t broken!

I have worked out how to download the original version shown on the demo here, in case others are interested, this is how to do it:

1,Go here:
http://www.webappers.com/progressBar/lib/

and download all 3 files listed (including the css file)

2,Go here:
http://www.webappers.com/progressBar/images/

and download all 5 of the .png files listed

3, Make sure that you preserve the same file path structure as the demo does, or if you choose a different structure, then adjust the file paths in the code accordingly.

]]> By: Matt http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/comment-page-3/#comment-42679 Matt Wed, 19 Oct 2011 09:46:49 +0000 http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/#comment-42679 This is a great script! Is it possible to have some downloads in a cron and display the status of this download with this script ? I'm figuring out a way to do this... This is a great script!

Is it possible to have some downloads in a cron and display the status of this download with this script ?

I’m figuring out a way to do this…

]]> By: Ray Cheung http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/comment-page-3/#comment-42675 Ray Cheung Wed, 19 Oct 2011 02:46:16 +0000 http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/#comment-42675 @ Gareth, The download link is now updated! :) @ Gareth,

The download link is now updated! :)

]]> By: Gareth http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/comment-page-3/#comment-42666 Gareth Tue, 18 Oct 2011 21:13:07 +0000 http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/#comment-42666 The link to download it is broken. The first link entitled "Download Ajax Progress Bar" has no link at all. The link entitled "Download Ajax Progress Bar Version 0.1 by Bram.us" is broken. And the link in the middle is to a page that describes another much older version of the tool that is not very usable as there is no way to reset the progress bar back to zero. I want to download the awesome version of the tool that is shown in the demo on this website. How can i do this? I tried taking the js files down from the site but I also need a bunch of images that they reference..... The link to download it is broken.

The first link entitled “Download Ajax Progress Bar” has no link at all.

The link entitled “Download Ajax Progress Bar Version 0.1 by Bram.us” is broken.

And the link in the middle is to a page that describes another much older version of the tool that is not very usable as there is no way to reset the progress bar back to zero.

I want to download the awesome version of the tool that is shown in the demo on this website. How can i do this? I tried taking the js files down from the site but I also need a bunch of images that they reference…..

]]>