Take the 2-minute tour ×

How do you use a progressbar to show the loading percentage for a page? ...(similar to how they show in flash)


share|improve this question

4 Answers 4

up vote 5 down vote accepted

Impossible(on IE8 & FF3 & Opera without plugin or extension). If you want real loading percentage include HTML + Javascript + Stylesheet + Image. you can only detect how many file loaded to page(only Image & javascript can be detected by this technique).

share|improve this answer

I would say that if you need a progressbar for a page, that page might need some rethinking.

Personally I don't like pages that have progress bars (Like the one in the ASUS Download Area). They are just annoying. My browser already have a progressbar. And I would like my bandwidth to be used to download the page and not graphics that would just tell me that I am still waiting for the page.

When it comes to AJAX requests ON a page though, I would just use a spinner thing of some sort. To tell the user that something is going on and that the page is not dead. And again, if the background request takes so long that you would need a progressbar, I would again say that the background request should maybe be rethought.

share|improve this answer
I think so. double progress bar for what? you just need only loading indicator for AJAX request. –  Soul_Master Apr 28 '09 at 8:30
huh? I don't understand what you mean –  Svish Apr 28 '09 at 9:30
I mean double progress bar(both in web browser and in web page) is unnecessary. Only loading indicator is required when webpage is using ajax for request something. –  Soul_Master Apr 28 '09 at 10:02
I'm sorry, but I still don't understand the meaning of your comment... "Progressbar both in browser and page is unnecessary", isn't that exactly what I said? Same with the "I am doing something"-indicator for ajax requests. Did you agree/disagree, come with some extra information that I am not picking up? or? (I don't mean to be picky or anything, I just like to know what people are saying when they are commenting my answers, since there could be room for improvement on my part) –  Svish Apr 28 '09 at 10:16
I believe is agreeing with you in all. I think is a bad thing you can't display the real progress of let's say... an image. You may be seeing that something is happening but you don't know for how long, which is frustrating. Maybe you have a photo gallery and a slow connection, if something happens and the connection breaks you think is still working because of the spinner, but if you could have a progress bar you know that is not working. –  Cristi Băluță Apr 6 '12 at 19:15

oh that so easy, you copy down my code and paste on your website, however is not very cool, but still can use.

CODE : <SCRIPT LANGUAGE='JavaScript' SRC='http://www.seabreezecomputers.com/tips/progress.js' TYPE='text/javascript'> </SCRIPT>


  [1]: http://dw6-vista-tdx.blogspot.com
share|improve this answer
If you want to use this, I'd recommend you download the .js file and put it on your own server. Linking to a JavaScript file on a website that you don't have some reason to trust completely is a really bad idea. –  Tobias Cohen Jun 2 '11 at 1:37

Hey, check out the upload progress dialog at s3fm, a free online Amazon s3 file manager.

share|improve this answer
Now available at: s3fm.com –  Alex Aug 3 '09 at 23:15
How could be an upload progress helpful with page loading progress? –  amik Dec 9 at 17:58

Your Answer


