Range Slider

Basic Range Slider

Use id="ex1" to see default rating

Range Selector Slider

Use id="ex2" to see default rating

€ 10 € 1000
Range Handles Slider

Use data-slider-id="RC" id="R" data-slider-handle="square" to color handles rating

R

G

B

Destroy Instance Slider

Use id="ex5" to see default rating

Bind to 'Slide' JQuery Event On Slider

Use id="ex6" to see default rating

3
Enabled And Disabled.

Use id="ex7" to see default rating

Enabled
Static Tooltip.

Use id="ex8" to see default rating

Decimal Value Slider

Use id="ex9" to see default rating

Setting Custom Icon.

Use id="ex10" to see default rating

Using A Custom Step Interval.

Use id="ex11" to see default rating

Coloring.

Use id="ex12a", id="ex12b", id="ex12c" to see default rating

Using Tick Marks And Labels.

Use id="ex13" to see default rating

Using Tick Marks At Specific Positions.

Use id="ex14" to see default rating

With A Logarithmic Scale.

Use id="ex15" to see default rating

Focus The Slider.

Use id="ex16a" and id="ex16b" to see default rating



Unusual Tooltip Positions

Use id="ex17a" to see default rating

Accessibility With ARIA Labels

Use id="ex18a" and id="ex18b" to see default rating

Auto-Register

Use id="ex19" to see default rating

Slider-Elements Initially Hidden

Use id="ex20a" and id="ex16b" to see default rating

Automatically Turns It Into A Slider

Use id="ex21" to see default rating

Using Tick Marks At Specific Positions..

Use id="ex23" to see default rating

Vertical Slider

Use id="4" to see default rating