Attenzione questo preloader funziona su pagine abbastanza grandi e soprattutto uploadate su server... :)

Aggiungere il codice nei tra i tag <head> .... </head>

Codice:

<style type="text/css">
#loading {
filter:alpha(opacity=60); /* trasparenza del div in IE */
-moz-opacity:0.60; /* trasparenza del div in Mozilla/altri */
opacity:0.60; /* trasparenza del div in altri browser */
position:absolute; /* posizionamento assoluto del div */
width:100%; /* settaggio larghezza massima finestra */
height:100%; /* settaggio altezza massima finestra */
top:0; /* distanza dal bordo superiore */
left:0; /* distanza dal bordo sinistro */
background-color:white; /* colore sfondo div */
layer-background-color:white;
font-family:arial,helvetica;
z-index:100

}
</style>
<script type="text/javascript">

<!-- Created by: Roberto Curci : http://www.robertocurci.net / -->
<!--
document.write('<div id="loading"><br><br><img src="images/loader.gif" alt="Loading" /><br>Attendi il caricamento della pagina...</div>');
document.body.scroll="no"; <!-- riconosciuto da IE -->
document.getElementsByTagName('BODY')[0].style.overflow='hidden'; <!-- riconosciuto da Mozilla/altri -->
window.onload=function(){
document.getElementById("loading").style.display="none";
document.body.scroll=""; <!-- riconosciuto da IE -->
document.getElementsByTagName('BODY')[0].style.overflow='auto'; <!-- riconosciuto da Mozilla/altri -->
}
// -->
</script>