Live Demo
Anatomy
- Slider
- Background
- Progress line
- Left control
- Right control
Variations
The value of the sliders can be shown in percentage in the bottom, bottom floating and top floating states, with a setting of minimum and maximum value. Sliders can also be used without any value labels in false state
States
Slider can have three possible states — default, active (dragging) or disabled.
Guidelines
- Where high-precision values are required consider an alternate interface, like a numeric input.