views:

5131

answers:

4

Hello,

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

Thanks

+3  A: 

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).

Soul_Master
+1  A: 

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.

Svish
I think so. double progress bar for what? you just need only loading indicator for AJAX request.
Soul_Master
huh? I don't understand what you mean
Svish
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
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
A: 

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>

REMEMBER THIS CODE IS PASTE BETWEEN "/Head" and "BODY"

  [1]: http://dw6-vista-tdx.blogspot.com
A: 

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

Now available at: http://www.s3fm.com
Alex