Mostrar los tags: velocímetro

Volver

Agregar Código Fuente

Mostrando del 1 al 3 de 3 coincidencias

<<>>

Se ha buscado por el tag: velocímetro

Indicador de máximo y mínimo con mas de una aguja

JavaScript

(1)

Publicado el 1 de Octubre del 2019 por Joel (150 códigos)

1.656 visualizaciones desde el 1 de Octubre del 2019

Aquí les muestro una manera de crear un indicador con mínimo y máximo con varias agujas, utilizando únicamente CSS para crear el dibujo y JavaScript para mover las agujas.

indicador-minimo-maximo-con-4-agujas

Continuación del código de https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html

Indicador de mínimo y máximo con aguja

CSS

(3)

Publicado el 21 de Septiembre del 2019 por Joel (150 códigos)

10.030 visualizaciones desde el 21 de Septiembre del 2019

Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5542-Indicador-de-minimo-y-maximo-con-aguja-que-cambia-de-color.html, este no cambia el color de la aguja.
Se puede utilizar con % o un valor mínimo y máximo.

Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().

Indicador de mínimo y máximo con aguja que cambia de color

CSS

(2)

Publicado el 21 de Septiembre del 2019 por Joel (150 códigos)

3.796 visualizaciones desde el 21 de Septiembre del 2019

Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html, en este la aguja va cambiando de color de verde a rojo según su valor.
Se puede utilizar con % o un valor mínimo y máximo.

Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().