Control deslizante de valor: imagen de referencia

Tengo un problema con la replicación del diseño exacto del control deslizante mencionado anteriormente y el valor del control deslizante es de 1 a 5 . En este momento necesito agregar colores según el valor del control deslizante.

Condiciones de color:

Predeterminado: gris , una vez arrastrado y hasta 3: verde , más de 3 a 4: naranja , más de 4 a 5: rojo .

Estaría agradecido por cualquier ayuda.