I wonder if anyone can help me customize the bar sliders to achieve the following functions: Snap to Grid: I know there's an option for the sliders type, but I couldn't find the same option for the bars type. show the customized value. I used some JS code to customize the value presented on the grid, but when I use the slider, it still shows the original value. change the bar color. Now it's the default color used by the theme my institution set. Is there any way I can customize the color so I can have different bars with different color? The JS code I used to change the value The slider in the preview: Thank you for your time and please let me know if you need more information.

Question

Customize Slider question (Bars type)

I wonder if anyone can help me customize the bar sliders to achieve the following functions:

Snap to Grid: I know there's an option for the sliders type, but I couldn't find the same option for the bars type.

show the customized value. I used some JS code to customize the value presented on the grid, but when I use the slider, it still shows the original value.

change the bar color. Now it's the default color used by the theme my institution set. Is there any way I can customize the color so I can have different bars with different color?

The JS code I used to change the value

The slider in the preview:

Thank you for your time and please let me know if you need more information.

+22

The bar colour is determined by the Background Colour property of the elements with class bar. You can add the following CSS to change their colour: