You can hide the min and max values, by using the hideRange option.
You can change the step with which the handle moves, using the step : 10 option.
Changing your default min, max and start values is pretty easy.
(min : 16 / max : 256 / start : 128)
The callback function is invoked on slider initialization and on slider handle movement.
The default Powerange slider is horizontal. However, you can make it vertical, by setting vertical: true.
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.
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.
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"
.