Foro de elhacker.net

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
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!