Powerange 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 : 10option.
Minimum, maximum and start values
Changing your default min, max and start values is pretty easy.
(min : 16 / max : 256 / start : 128)
Callback
The callback function is invoked on slider initialization and on slider handle movement.
Horizontal and vertical slider
The default Powerange slider is horizontal. However, you can make it vertical, by setting vertical: true.
Bootstrap Range
Create custom <input type="range">
controls with .custom-range
. The track (the background) and thumb (the value) are both styled to appear the same across browsers. As only IE and Firefox support “filling” their track from the left or right of the thumb as a means to visually indicate progress, we do not currently support it.
Bootstrap Range
Range inputs have implicit values for min
and max
—0
and 100
, respectively. You may specify new values for those using the min
and max
attributes.
Bootstrap Range
By default, range inputs “snap” to integer values. To change this, you can specify a step
value. In the example below, we double the number of steps by using step="0.5"
.