Crear barra de progreso

consigna · #1 (**permalink**) 30/01/2008, 16:56

Hola buenas, Estoy haciendo una interfaz grafica en php de una aplicacion c++ de procesamiento de logs. El caso es que cuando lanzo la aplicacion c++ en segundo plano, voy generando un fichero de texto donde voy guardando el porcentaje que lleva procesado. Lo que queria hacer es una barra de progreso que me fuera mostrando este porcentaje, y que fuera actualizando hasta que llegara al 100%.
Me han comentado que para que se vaya actualizando puedo hacerlo con Ajax, pero la verdad es que no tengo ni idea como funciona ya que nunca he trabajado con ello. Os agradeceria muchisimo que me pudierais hechar una mano.

saludos

Panino5001 · #2 (**permalink**) 30/01/2008, 19:23

La barra de progreso es lo más fácil, el tema es pasarle a la función el porcentaje, lo cual te conviene preguntarlo en el foro de ajax:

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>test</title>
<style>
#marco{
width:300px;
border:1px solid #000;
}
#barra{
width:0; background-color:#F00;
}
</style>
<script>
function progress(porcentaje){
document.getElementById('barra').style.width=porcentaje+'%';
}
window.onload=function(){
porciento=0;
var pp=setInterval(function(){progress(porciento);if(porciento>99){clearInterval(pp);alert('qué hacemos?');} porciento++;},5);
}
</script>
</head>

<body>
<div id="marco"><div id="barra">&nbsp;</div></div>
</body>
</html>

consigna · #3 (**permalink**) 31/01/2008, 03:25

Muchas gracias por responder, he probado el codigo y se queda siempre al principio, aunque vaya refrescando la pagina con el nuevo porcentaje.

¿que tengo que poner este codigo junto en la pagina php donde voy leyendo el porcentaje?

gracias y un saludo

Panino5001 · #4 (**permalink**) 31/01/2008, 06:32

El ejemplo era sólo ilustrativo. Lo que te sirve de allí es sólo esta parte:

Código PHP:

  <script>

function progress(porcentaje){

document.getElementById('barra').style.width=porcentaje+'%';

}

</script>

A esa función le tenés que transmitir el porcentaje a intervalos para que crezca la barra. Pero el porcentaje tenés que obtenerlo del lado del servidor (que es tu verdadero problema). Por eso te dije que en el foro de Ajax te ayudarán mejor