AJAX progress bar dispaying loading progress percentage for page load

Question

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

Thanks

Answer 1

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

Answer 2

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.

Answer 3

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

Answer 4

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