Range Slider

Basic style

You can hide the min and max values, by using the hideRange option.

Slider step

You can change the step with which the handle moves, using the step : 10 option.

0100

Minimum, maximum and start values

Changing your default min, max and start values is pretty easy.
(min : 16 / max : 256 / start : 128)

16256

Callback

The callback function is invoked on slider initialization and on slider handle movement.

0100
88

Horizontal and vertical slider

The default Powerange slider is horizontal. However, you can make it vertical, by setting vertical: true.

0100

ION Range slider

Cool, comfortable, responsive and easily customizable range slider

Default
10010
Min-Max
100550
Prefix
$200$80002505007501 000
Range
-500500-1 000-50005001 000
Step
-500500-1 000-50005001 000
Custom Values
DecemberAprilJanuaryMayJulySeptember
Prettify Numbers
1 000 000200 0001 000500 5001 000 000
Disabled
100550
Extra Example
Age 70+Age 301831445770
Use decorate_both option
Weight: 145 million pounds — Weight: 155 million pounds
Postfixes
90°0°-90-4504590
Hide
1 0002 000
© 2019 Frogetor Crafted with by Mannatthemes