El tema es el siguiente:
Tengo un script llamado procesar.php que tarda aproximadamente 5 minutos en ejecutarse por completo. Queria hacer una barra de progreso en javascript pero es complicado por el tema de que es dificil conocer el tiempo con exactitud. Entonces, me conforme solamente con mostrar una animacion (.gif) mientras procesa el script.
El problema es que al cliquear en el link comenzar, me muestra el .gif pero queda como trabado, es decir, no se reproduce la animacion. Si no oculto la capa, me muestra la animacion pero cuando cliqueo en comenzar, la animacion se detiene. Que puede estar pasando y como puedo solucionarlo?
Les dejo el codigo
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Comprobacion de Nomenclatura</title>
<link href="estilos/main.css" rel="stylesheet" type="text/css" />
<script type='text/javascript'>
function mostrar(idCapa) {
if (document.getElementById(idCapa).style.display=="block") {
document.getElementById(idCapa).style.display="none";
}
else {
document.getElementById(idCapa).style.display="block";
}
}
</script>
<body>
<a href="procesar.php" onClick="mostrar('bloque');">Comenzar</a>
<div id="bloque" style="display: none;">
<img src="procesando.gif"/>
</div>
</body>
</html>
