Range Slider
lorem ipsum dolor sit amet, consectetur adipisicing elit

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

$0
$100
$200
$300
$400
Using Tick Marks At Specific Positions.

Use id="ex14" to see default rating

$0
$100
$200
$300
$400
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

short
medium
long
Slider-Elements Initially Hidden

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

Show
Automatically Turns It Into A Slider

Use id="ex21" to see default rating

short
medium
long
Using Tick Marks At Specific Positions..

Use id="ex23" to see default rating

Vertical Slider

Use id="4" to see default rating