Guarda, è vedo che sparisce a pagina caricata (quello è il minimo) ma più di quello non fa, quindi intendevo, se ti va bene come semplice "avviso" che sta caricando QUALCOSA bene, ma di certo non mostra il progresso questo è poco ma sicuro.
dicevo:
2) è una semplicissima GIF animata e il suo "progresso" (barrette colorate che avanzano) non corrisponde MINIMAMENTE alla percentuale di caricamento della pagina.
Guardando meglio è un Flash, ma poco cambia.
Se poi dalla tua analisi risulta diversamente e cioè che la barretta è perfettamente coordinata con il contenuto caricato, usala. A me non sembra proprio, il flash animato -in quanto tale- mostra in loop la sequenza di progesso della barretta, cioè una animazione predefinita (anche una gif andava benissimo), in base a tempi di frame predefiniti. Questo fa sì che se uno ha adsl la barretta (animata) non arriva neanche a metà, se uno ha un modem56k ha tutto il tempo di farsi un paio di giretti di animazione. Quindi non lo chiamerei progresso.
Se non ti ho convinto basta che guardi tu stesso il suddetto flash in azione:
http://support.asus.com/images/loading.swf
Bello è? come gira... :)
Edit:
rileggendo mi pare di aver capito che a te basterebbe un semplice "appari e scompari" a fine pagina.
Molto semplice basta che metti un DIV con una gif animata in posizione assoluta verso il centro della pagina, la mostri... il browser carica tutto il contenuto della pagina normalmente e poi alla fine della pagina carica anche un tuo blocchetto javascript, dove dici:
rintraccia il div e nascondilo che non serve più.
Ricapitolando fai una cosa del tipo:
Codice HTML:
<!-- all'inizio del body -->
<div id="pippo" style="position:absolute; top:45%; left:45%; ..."><img src="ani.gif" /></div>
<!-- alla fine prima del /body -->
<script type="text/javascript">
var dv = document.getElementById('pippo');
dv.style.display = "none";
</script>
Magari cerca codici del genere, non l'ho neanche ben testato ma dovrebbe dare l'idea.
Ciao