Slider

allows users to make selections from a range of values.

Note: I have set the root font-size to 10px for this library.

Instructions to import the Slider in your CSS or HTML:

Standard Slider

the demo slider shown below works between the range of 1 to 100:

Slider with Icon

the slider shown below comes with an Icon.

Use Case: volume control slider:

Disabled Slider with Icon

the slider shown below comes with an Icon.

Use Case: disabled volume control slider: