Slider

A control for picking a value, or a range of values, by dragging a handle along a track.

Also called: slider, range, range slider, price range, from to, volume, volume control, scale, track and handle, line with a circle, drag the circle, thumb

What it is for

Good for settings where the exact number matters less than where the value sits between the minimum and the maximum: brightness, volume, a price range. It makes changing a value quick.

Where you see it

• Audio and video players — volume and seeking
• Catalog filters — a price range with two handles
• Operating system settings — screen brightness

What it is called in code

• <input type="range">
• Slider

See also

• Carousel (slider) — A block that lets you flip through a set of images or cards by scrolling sideways.
• Radio button — A small circle used to pick one option out of several. Choosing another one clears the previous choice.
• Loading indicators — Anything that shows the site is busy: a progress bar, a spinning icon, or gray placeholders where content will appear.