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

Recommended Answers

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();
 }); …
Jump to Post

All 2 Replies

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();
 });

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

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.21 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.