Barra di progresso per il caricamento del Blog

Penso abbiate notato che aprendo questo blog appare una "Progress Bar" che indica la percentuale di caricamento della pagina. L'ho inserita proprio perché, contenendo parecchi miei script che come qualsiasi altra risorsa esterna impiega quell'inevitabile tot di tempo in più per rintracciarla sul web, il visitatore -magari con una linea non veloce- potesse avere un riferimento di quanto manca al caricamento della pagina.

Detto questo penso che, oltre a Cuore di Cioccolata che intendeva utilizzarla, possa interessare a qualcun altro.
Premetto subito che la percentuale di caricamento non può essere rilevata automaticamente, dunque starà all'utilizzatore indicare nei punti giusti (prima dei richiami a script soprattutto) una percentuale approssimativa del caricamento, dunque è necessario un minimo conoscere il codice del proprio template e sapere dove sono stati posizionati gli script che possono richiedere un caricamento non immediato.
Ecco dunque come implementarla:

1) Prima della chiusura del tag HEAD inserire la chiamata allo script:

<script language="Javascript" src="http://nospam.altervista.org/res/misc/utils1.js"></script>

Attenzione: se già usate i miei drop-down comments (commenti a scomparsa) avete sicuramente già questa riga e non va ripetuta.

2) Subito dopo il tag BODY richiamare questa funzione che genera la barra di progresso:

<script language="Javascript"> createProgressBar(); </script>

3) A questo punto il tutto è pronto, bisogna solo cominciare a cercare in quali punti "strategici" indicare uno scatto di percentuale di caricamento, qui ci vuole un po' di impegno da parte vostra. Come già accennato bisogna trovare i punti in cui vengono inseriti degli script esterni (come TagBoard, sistemi di Statistiche e "tool" vari come i miei), ebbene, subito prima di questi codici inserite questa chiamata indicando tra le parentesi una cifra corrispondente alla percentuale di caricamento (senza il segno %), per esempio per un 25% circa:

<script language="Javascript"> progress(25); </script>

4) Dopo aver indicato vari punti, ripetendo dunque il codice del passo precedente ogni volta con una cifra maggiore, si giungerà finalmente alla fine della pagina: a questo punto non resta che concludere il tutto dichiarando che il completamento è avvenuto.
Dovete dunque scrivere poco prima della chiusura del tag </BODY> questo codice:

<script language="Javascript"> loadingComplete(); </script>

Salvate tutto provate a ricaricare la pagina del vostro blog e controllate se le indicazioni di caricamento sono efficaci: per esempio se due "punti strategici" vengono eseguiti praticamente uno di filato all'altro senza alcuna pur minima pausa è evidente che non c'era tutto quel bisogno di indicare una "tappa" di caricamento... ma non è grave.

Fatemi sapere se rincontrate problemi o se è poco chiaro, capisco anche che a molti non interesserà per più motivi: perché troppo complesso o perché il blog è molto veloce e senza script o altro ancora.