AngularJS Touch Slider

Simple slider

Model:

Range slider

Min Value:
Max Value:

Slider with visible selection bar

Slider with custom floor/ceil/step

Slider with callbacks on start, change and end

Value linked on start: {{ otherData.start }}

Value linked on change: {{ otherData.change }}

Value linked on end: {{ otherData.end }}

Slider with custom display function

Slider with Alphabet

Slider with ticks

Slider with ticks and values

Range slider with ticks and values

Slider with draggable range

Disabled slider

Read-only slider

Toggle slider example


Sliders inside a modal

Normal slider value: {{percentages.normal.low}}%
Range slider values: {{percentages.range.low}}% and {{percentages.range.high}}%

Sliders inside tabs

Price 1: {{tabSliders.slider1.value}}

Price 2: {{tabSliders.slider2.value}}

Slider with all options demo