Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: Leguim en 31 Enero 2019, 18:43 PM

Título: Barra de progreso (Con dos valores)
Publicado por: Leguim en 31 Enero 2019, 18:43 PM
Buenos días!

Alguno sabe como se podría hacer una barra de progreso que reciba dos valores, un valor A y un valor B..

y el valor A seria de color verde y el valor B de color rojo..
Sería algo como la barra de progreso que tiene youtube para los likes y dislikes

Gracias!
Título: Re: Barra de progreso (Con dos valores)
Publicado por: EdePC en 1 Febrero 2019, 14:46 PM
Saludos,

- Si usas un Framework como Bootstrap es sencillo: https://getbootstrap.com/docs/4.2/components/progress/

- Si tienes no quieres hacer uso de un Framework, siempre puedes examinar como lo hace el framework inspeccionando el elemento y replicándolo en tu código:

Ejemplo replicando código de Bootstrap: https://jsbin.com/sorujilaho/edit?html,output
Título: Re: Barra de progreso (Con dos valores)
Publicado por: Leguim en 1 Febrero 2019, 15:22 PM
Cita de: EdePC en  1 Febrero 2019, 14:46 PM
Saludos,

- Si usas un Framework como Bootstrap es sencillo: https://getbootstrap.com/docs/4.2/components/progress/

- Si tienes no quieres hacer uso de un Framework, siempre puedes examinar como lo hace el framework inspeccionando el elemento y replicándolo en tu código:

Ejemplo replicando código de Bootstrap: https://jsbin.com/sorujilaho/edit?html,output

Gracias!