Tiempo ejecución

[emeotero]

hola,
estoy enviando un formulario por Post usando un script de ajax para que no se me recargue la pagina y ejecutar una funcion de javascript que hace un reload sobre un grid. no se como hacer un tipo barra de progreso o reloj de progreso contando el tiempo real en que se ejecuta el script en el servidor y devuelve la respuesta.
este es mi escript

Código:

function modelo(){
	var model = document.getElementById("model");
	dia = document.getElementById('dias');
	proba_dia = dia.value;
	espe = document.getElementById('especie');
	meti = document.getElementById('espacio');
	proba_meti = meti.value;
	var txt='';
	var i;
	var count = 0;
	for (i=0; i<espe.options.length; i++) {
	    if (espe.options[i].selected) {
	      if (count==0)
		  	txt+= "'"+espe.options[i].value+"'";
			else
			 txt+= "#'"+espe.options[i].value+"'";
	    }
	count++;
	}
	if(txt == ""){
		alert("<?php echo $lang['text_170']; ?>");
		} else {
			url_espe='dias='+proba_dia+'&especie='+txt+'&espacio='+proba_meti;
	}
	xhr3(url_espe);
}
var xmlhttp; 
function xhr3(model){ 
		if (window.XMLHttpRequest)
  			{
  				xmlhttp=new XMLHttpRequest();
	  		}
		else
	  		{
  				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  		}
		xmlhttp.onreadystatechange = RespuestaModel; 
		xmlhttp.open("POST", "run_modelo.php", true); 
		xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		xmlhttp.setRequestHeader("Content-length", 3);
		xmlhttp.setRequestHeader("Connection", "close");
		xmlhttp.send(model);
		}
function RespuestaModel(){
		if(xmlhttp.readyState == 4) {
      		if(xmlhttp.status == 200) {
				storemodelado.load();
				alert("<?php echo $lang['text_186']; ?>");
			}
    	}
}

le digo que cuando se ejecute, cargue el store y haga el alert. lo que quiero es mostrar un progreso o controlar de algun modo desde que pincho el boton hasta que el servidor devuelve el resultado.
Gracias por la ayuda. Un saludo.