Range Sliders
Vertical Slider
Horizontal Slider
Basic Value Range
Value:
Skip Range
Value:
Value:
Connected Handles
Value:
Value:
Slider With Tooltip
Slider Variation
Default
Start without params
Min and Max
Set min value, max value and start point
Prefix
Showing grid and adding prefix "$"
Range
Set up range with negative values
Step
Using step 250
Custom Values
Using any strings as values
Prettify Numbers
Prettify enabled. Much better!
Disabled
Lock slider by using disable option
Extra Example
Whant to show that max number is not the biggest one?
Use decorate_both option
Postfixes
Hide
Modern skin
Example of modern skin
Sharp skin
Example of sharp skin
Round skin
Example of round skin
Square skin
Example of square skin
