Hola como puedo crear una barra de volumen tal como se muestra en esta imagen
supongamos que que tenga un rango 10 puntos, entonces por código si subo la zona verde va aumentando, se entiende?, no hace falta que se deslice con el mouse, solo lo quisiera cambiar por código.
intente poner dos div superpuestos con una imagen de fondo(uno con una imagen gris y otro con una imagen verde) pero si achico el superior, la imagen se ensancha también intente con la propiedad background-position pero no puedo hacerlo.
como lo harían ustedes.
disculpen si esto es mas css o html que javascript pero creo que pertenece a este foro