Seek bar

Seek bars have a draggable thumb the user can touch and drag back and forth to scroll through content (such as to set playback position in a media file) or to set a new value for a given control, such as sound volume or display brightness.

Characteristics

  • A seek bar consists of a track with a knob that indicates the current playback position.
  • The knob has both normal and "pressed" states.
  • The values for the ends of the seek bar can be specified as either text or images.
  • Seek bars may be oriented either horizontally or vertically.

Visuals

Thumb states

Here you see the appearance of the seek bar for both horizontal and vertical seek bars, with the thumb pressed or not pressed.

  Horizontal Vertical
Normal image coming soon
While dragging image coming soon

Seek bars with images as labels

You can use images as the labels at the ends of a seek bar. Here's an example from the Display preferences:

Interaction

See also

Document Tags and Contributors

 Contributors to this page: chrisdavidmills, kscarfone, Sheppy
 Last updated by: chrisdavidmills,