How to implement website loading animation using javascript

[rubai]

Hi All,
I am making a website. I want to know how to implement loading animation in my website. user will see percentage of loading. Once 100% completed he/she will see my website.

There are lot of css3 animation all around the internet but don't know how to apply it practically.

Any instructions are highly appreciated. :)

Thanks

[karand19]

You can use document ready function. Event is fired when document is loading and once is loaded you can use window load to hide it.

jQuery Example :
Note : Loader can be image or div;

 var loader = $("#loader");
 $(document).ready(function(){
   $(loader).show();
 });
 $(document).ready(function(){
   $(loader).hide();
 });

[rubai]

Hi karand19,
Is there any plugin and documentation? I appreciate your help. :)