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: