Slider.
Chooses a value along a continuous or stepped track.
See it in context
What it is
Moving the thumb adjusts a value within a known range. Sliders help with relative choices such as brightness, while an adjacent value can make exact selection easier.
When to use it
Show the current value and support both dragging and keyboard adjustment.
Know the difference
A progress indicator reports completion; a slider lets the person change a value.
Across platforms
Web
Use a native button for an action and an anchor for navigation. Preserve keyboard activation and a visible focus indicator.
iOS · iPadOS · Android
Provide a comfortable touch target, use familiar system symbols when appropriate, and show a clear pressed or selected state.
macOS · Windows · Linux
Keep pointer, keyboard, and focus behavior consistent. Common commands can additionally expose a menu item or keyboard shortcut.
Go to the source
Primary documentation for the pattern and its platform conventions.