Sliders & Seek Bars

Sliders and Seek bars are mainly comprised of a track that represents a range of values and a thumb that allow users to adjust or manipulate the value.

Sliders may offer optional actions to the left and right of the bar. These can be used to adjust the particular value at a predefined interval.

Slider usage

  • Provides fine-grained control over a range of values (e.g. brightness control).
Slider
Slider
Slider + actions
Slider + actions

Seek bar usage

Provides fine-grained control over a process (e.g. music/video track progress).

Seeker
Seeker