Foros del Web » Creando para Internet » Diseño web »

Barra de Progreso

Estas en el tema de Barra de Progreso en el foro de Diseño web en Foros del Web. Hola, me he estado volviendo loca intentado cambiarle el fondo a la barra de progreso. Estoy utilizando esta: <progress value='3' max='10'>Bhah blah blah</progress> Que es ...
  #1 (permalink)  
Antiguo 14/01/2013, 01:14
 
Fecha de Ingreso: diciembre-2012
Mensajes: 4
Antigüedad: 12 años
Puntos: 0
Exclamación Barra de Progreso

Hola, me he estado volviendo loca intentado cambiarle el fondo a la barra de progreso.
Estoy utilizando esta:


<progress value='3' max='10'>Bhah blah blah</progress>


Que es la más sencilla.
Pero me gustaría cambiar de color el progreso (actualmente está verde) por algún otro, o incluso por una imagen (:
Ojalá puedan ayudarme ^^

Por cierto: lo necesito para blogger, así que tendría que cogerlo el witget de blogger ^^
GRACIAS!
  #2 (permalink)  
Antiguo 14/01/2013, 12:27
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 5 meses
Puntos: 641
Respuesta: Barra de Progreso

se puede pero es muy limitado
Código CSS:
Ver original
  1. <style type="text/css">
  2.     progress{
  3.       background:#fff;
  4.     }
  5.     progress::-moz-progress-bar {
  6.       background-color: red;
  7.     }
  8.     progress::-webkit-progress-bar-value,
  9.     progress::-webkit-progress-value{
  10.       background-color:red;
  11.     }
  12.   </style>
  #3 (permalink)  
Antiguo 14/01/2013, 21:48
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Barra de Progreso

Costó reencontrar este artículo, un tanto largo, pero lleno de ejemplos y hasta con un mono animando el cotarro o un velocímetro haciendo de barra de progreso —usando siempre progress.
http://www.useragentman.com/blog/201...-bars-in-depth
  #4 (permalink)  
Antiguo 14/01/2013, 23:55
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 5 meses
Puntos: 641
Respuesta: Barra de Progreso

excelente, hay muy poca info de progress

Etiquetas: barra, progreso
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 12:55.