Page loader
Simple and Straight to the point.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #loader{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('img/loader.gif') 50% 50% no-repeat rgb(249,249,249); opacity: 1; } </style> </head> <body> <script type="text/javascript"> $(window).on('load', function(){ //you remove this timeout setTimeout(function(){ $('#loader').fadeOut('slow'); }, 5000); //remove the timeout //$('#loader').fadeOut('slow'); }); </script> </body> </html>