Gradiente que sube y baja en función de un valor

[marodal]

Hola a todos,

Quiero realizar con javascript lo siguiente:

Tengo un valor que va cambiando, en una escala de 0-100. Quiero representar ese valor con una barra de gradiente, la barra sera más larga cuanto mas se acerque a 100, hasta llegar al tamaño establecido. Me da igual como implementarlo, lo quiero hacer de la forma más sencilla posible. La idea creo que es usar dos imagenes que representen la barra de gradiente (una barra blanca y la otra con los colores del gradiente). La barra gradiente se va superponiendo a la blanca cuanto mayor sea mi valor. Pero no tengo claro como implementarlo.

¿Como lo veis? ¿Alguna sugerencia?

Gracias y un saludo