Esto era para una barra de avance pero lo modifique y creo que quizas tambien te pueda funcionar...
Código:
<html>
<head>
</head>
<BODY>
<BR><BR>
<table align="center">
<tr>
<td>
<div>Espere un momento por favor
<span id="p1" style="font-size:1px;"> </span>
<span id="p2" style="font-size:1px;"> </span>
<span id="p3" style="font-size:1px;"> </span>
</div>
</td>
</tr>
</table>
<script language="javascript">
var pFinaliza = 3; var color='black';var milisegs = 1000; var hasta = pFinaliza;var reloj;
function rehace() {
for (var i = 1; i <= pFinaliza; i++) document.getElementById('p'+i).style.backgroundColor = 'transparent';
hasta = 0;}
function genera() {
hasta++;
if (hasta > pFinaliza) rehace();
else document.getElementById('p'+hasta).style.backgroundColor = color;
reloj = setTimeout('genera()',milisegs);}
function pausa() {
relojcomienza(reloj);
rehace();}
genera();
</script>
</body>
</html>