0

Display a loading icon until the page loads completely

Display a loading icon until the page loads completely

Display a loading icon until the page loads completely. Like if your website taking too much time during load then it is the best way to show a loding image while page loads.it will improve your site’s user experience.
Let’s i have follwoing share the js css tutorial to show the loading icon while page loads.

Step 1

Add a div just after tag.

Step 2

Add some CSS to show the icon and bring it in the middle of the page.

Step 3

Now add some jQuery to show the pre loading icon when the page is loading and hide when it has finished loading.

Sandeep Kumar

Sandeep kumar is a web developer and a professinal blogger. He works for latest technologies and write articles what he learn. In ICodeHub he share web languages tutorials and other programming tips and tricks. if you need some help or have some suggestion then mail him at sandeep92pal@gmail.com without any hesitation. He believes in learning and sharing.