Una forma muy sencilla de hacer tu barra:
Código:
<body onload="javascript:crecer_barra();">
<script>
function crecer_barra()
{
if(i<=300)
{var a=document.getElementById("barra").setAttribute("style","width:"+i+"px; height:40px; background-color:#999; border-color:#FFF;");}
else
{alert("Fin de la carga");clearInterval(x);}
i++;
}
var x=setInterval(crecer_barra,10);
var i=0;
</script>
<div style="border:#03F; border-style:double; width:300px; height:40px;">
<div id="barra" style="width:1px; height:40px; background-color:#999; border-color:#FFF;"></div>
</div>
</body>
Copia, pega y verás una barrita que se llena con este simple javascript... (probe en FF y Chrome)
Ahora... para hacer una consulta al servidor y sincronizarlo con la barra, el proceso seria similar, solo que en vez de usar el parametro i como argumento para hacer crecer la barra, utiliza tu respuesta (por ejemplo, la respuesta de una consulta a una bdd) dada por la aplicación que estas haciendo...
Si navegas un poco mas encontrarás barras mejor hechas que esta que he puesto a las prisas, pero seguro te dará idea de que hacer...