Barra de progreso (Con dos valores)

Iniciado por Leguim, 31 Enero 2019, 18:43 PM

0 Miembros y 1 Visitante están viendo este tema.

Leguim

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!

EdePC

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

Leguim

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!