• Skip to main content
  • Select language
  • Skip to search
MDN Web Docs
  • Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
  • References & Guides
    • Learn web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
B2G OS
  1. MDN
  2. Archive of obsolete content
  3. B2G OS
  4. Firefox OS apps
  5. Firefox OS Building Blocks
  6. Slider

Slider

In This Article
  1. Notes
  2. Interaction
  3. Implementation guides

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.

Notes

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.

Interaction

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

  • Seekbar 2.0 implementation
  • Seekbar 1.x implementation

Document Tags and Contributors

Tags: 
  • B2G
  • building blocks
  • Design
  • Firefox OS
  • Gaia
  • seekbar
  • slider
 Contributors to this page: chrisdavidmills, sidgan, chrisdavidmills-github
 Last updated by: chrisdavidmills, Feb 27, 2017, 2:57:32 AM