Foros del Web » Programando para Internet » Javascript »

Cambiar atributo tag progress

Estas en el tema de Cambiar atributo tag progress en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/04/2012, 11:08
 
Fecha de Ingreso: agosto-2010
Mensajes: 128
Antigüedad: 8 años, 1 mes
Puntos: 2
Pregunta Cambiar atributo tag progress

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.
  #2 (permalink)  
Antiguo 09/04/2012, 12:52
Avatar de Panino5001
Moderatroll
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.064
Antigüedad: 14 años, 3 meses
Puntos: 775
Respuesta: Cambiar atributo tag progress

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
  #3 (permalink)  
Antiguo 09/04/2012, 13:10
 
Fecha de Ingreso: agosto-2010
Mensajes: 128
Antigüedad: 8 años, 1 mes
Puntos: 2
Respuesta: Cambiar atributo tag progress

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.

Etiquetas: attribute, html5, progress, tag, update
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:10.