Il codice che ti posto è un esempio molto rozzo ne trovo di meglio in giro....
Esprimo solo il concetto generale che potresti usare,una delle vie...

Codice PHP:
<html>
  <head>         
     <title>Simulazione caricamento</title>
     <style> 
       body 
      {     
         background:silver; 
      }
     #caricamento
     {
        height:120px;
        width:400px;
        font-size:30px;
        background:red;
     }
     </style>
     <script>
        function toglicaricamento()
        {
           document.getElementById("contenitore").style.display = "none"; 
    }     
    setTimeout("toglicaricamento()",3000);     
    </script> 
  </head> 
  <body> 
  <div  align="center" id="contenitore"><div id="caricamento">
    STO CARICANDO
  </div></div> 
  </body>
</html> 
Spiegando un po il codice:

I blocchi style servono solo per dare un po di grafica al blocco di caricamento e al body

I blocchi script
Una funzione serve per nascondere il div del caricamento all'interno del quale puoi mettere tutto quello che vuoi,una gif animata,del testo,della dimensione che vuoi.

setTimeout("toglicaricamento()",3000);
Usata solo per simulare il tempo totale di carimanto della pagina ad esempio se hai tante foto di buona qualità e che ci metta 3 secondi.
Al termine dei 3 secondi chiama la funzione che nasconde il div.

Nel tuo caso basta che metti tale funzione a fine della pagian proprio prima della chiusura del body.

Spero possa essere un esempio utile... Ne trovi di migliori in giro.