javascript - Gmail-style progress bar when page is loading

How can I show a loading/progress bar to show how far along that the page is loaded? I want something like Gmail's:

I am using jQuery so it would be great if there is some jQuery code that can show the percentage of how far along the page has loaded.

How can I show a loading/progress bar to show how far along that the page is loaded? I want something like Gmail's:

I am using jQuery so it would be great if there is some jQuery code that can show the percentage of how far along the page has loaded.

Share Improve this question asked Nov 5, 2011 at 14:52 Nathan 12k11 gold badges53 silver badges94 bronze badges

14 Didn't you blank out the wrong part of that email? I'm pretty sure I can guess the rest :-) – nilskp Commented Jun 6, 2012 at 13:15
2 Maybe it's a Google Apps account :) – Mark Embling Commented Jan 2, 2013 at 19:39
1 @MarkEmbling You're right, it is :) I was going to tell nilskp that but I forgot about it. – Nathan Commented Jan 2, 2013 at 20:19

Add a ment |

1 Answer 1

Sorted by: Reset to default 5

Here's what you want, see example, you can also download it and tweak as your needs:

Jquery Pre Loader

Hope this helps.