This article describes the implementation and possible interactions with the slider. A slider (which was called Seekbar in older versions of Firefox OS) is used to select a value from a continuous or discrete range of values by dragging the handle. The slider provides a sleek design and efficient user interaction.


The slider has a handle the user can drag back and forth to set a new value for a given control.

A slider has the following characteristics:

  • Minimum and maximum values for the slider can be specified as either text or images (optional).
  • The slider can be oriented horizontally or vertically.

A slider can also be used to scroll through content such as to set a playback position for a song.


The user drags the slider handle to fast forward or rewind to change the playback position of a song.

The playback position has been adjusted.

Implementation guides

Document Tags and Contributors

Contributors to this page: wbamberg, chrisdavidmills, sidgan, chrisdavidmills-github
Last updated by: wbamberg,