Progress bar on page load

Question

When We type my web site url in address bar and press enter or go button...first progress should come untill whole page is not loaded.Actully i tried more time but when progress bar disappear my whole page not loaded..plz reply soon ..

Sunny Sharma · Answer

Hi Saurabh, I suggest you to follow this pattern: ----------------------------------------- Sample App preLoader "> ContainerDiv " style=" display:none "> //Page Contents Goes Here... $(document).ready(function(){ $('div.preLoader').css('display','none'); $('div.ContainerDiv').css('display','block'); }); -------------------------------------------------------------- The trick behind the scene is, the main div "ContainDiv" is hidden by default and PreLoader Div is shown with a GIF image ("could be anything from text, image, etc.). As soon the page loads, onload event gets fired and it sets the display property of PreLoader to none and ContanerDiv to block, that's it. Cheers! Do mark this as answer if it helps. Happy Coding:) Thanks

Sunny Sharma · Answer

I'm glad I could help :) Please don't forget to mark it as answer!

Saurabh Bhardwaj · Answer

Thankyou sunny sir, your reply is great for me..after your reply..my all problem is solved. Thanks....

Progress bar on page load

Answers (3)