Cambiar atributo tag progress

GROGUI2 · #1 (**permalink**) 09/04/2012, 11:08

Hola, estoy programando una barra de progreso con el tag <progress> de html5. Durante los eventos de subida de un fichero, actualizo con el siguiente código el valor del atributo value:

Código:

this.uploadProgress = function(evt) 
{
	if (evt.lengthComputable) 
	{
		var percentComplete = Math.round(evt.loaded * 100 / evt.total);
		$($progressBar).attr('value', percentComplete);
	}
	else 
	{
		$($progressBar).innerHTML = 'Unable to compute';
	}
}

La barra se actualiza correctamente en firefox, pero en chrome (Que sí soporta el nuevo tag "<progress>", se queda la barra vacía y no se actualiza el valor.

¿Sabeís si hay algun problema que pueda tener jQuery con esto?

Gracias.

Panino5001 · #2 (**permalink**) 09/04/2012, 12:52

Esto funciona sin problema en chrome:

Código PHP:

  <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>

<body>
<progress id="pp"  max="1" value="0" />
<script type="text/javascript">
var inter=setInterval(function(){if(document.getElementById('pp').value<document.getElementById('pp').max)document.getElementById('pp').value+=.1;else clearInterval(inter);},500);
</script>
</body>
</html>

Así que lo que deberías hacer es verificar si son correctos los valores que querés asignar como atributos o (no uso jQuery) tal vez deberías asignar el valor con val

GROGUI2 · #3 (**permalink**) 09/04/2012, 13:10

Mmmm así no funciona :( . De todos modos estoy comprobando el valor del html tras modificar el atributo, y se modifica perfectamente, el problema es que chrome no llega a renderizarlo :S es un tanto extraño.... Gracias por el intento.