Sliders & Progressbars

Sliders

By default the minimum value of the slider is 0, the maximum value is 100, and the thumb moves in increments of 1. These values can be changed by setting the min, max, and step attributes respectively. The initial value is set to the minimum value unless otherwise specified.

Basic Slider

Label {{slidey.value}}

Colors

Slider with Min and Max

{{slider2.value}}

Vertical sliders

Progressbars

Primary Color Accent Color Warn Color

Determinate

Value: {{determinateProgressValue}}

Buffer

Value: {{bufferProgressValue}} Buffer Value: {{bufferBufferValue}}

Indeterminate

Query