Loading GIF Loader In Center of Webpage
While page is loading sometimes it takes too much time for that time duration we can show GIF loader or any kind of loader to the users so users can know easily something is happens. Add Loader To Your Webpage Such as your webpage html code is like below: <body> <div class="content"> Long Content Here <br/> Click to view loading image. </div> <div id="divLoading" style="display:none"> </div> </body> We added one div here with the ID divLoading, you can take any ID selector as per your need. Now in webpage you need to add css code so that loader can be show in center of page at any screen size: <style type="text/css"> #divLoading.show { display : block; position : fixed; z-index: 100; background-image : url('spinner.gif'); background-color:#666; opacity : 0.4; background-repeat