Slider
Lightweight JavaScript range slider library. It offers a wide selection of options and settings, and is compatible with a ton of (touch) devices, including those running iOS, Android, Windows 8/8.1/10, Windows Phone 8.1 and Windows Mobile 10.
noUiSlider
Using HTML5 input elements
Non linear slider
Colored Connect Elements
Locking sliders together
noUiSlider's connect elements can be individually colored or otherwise styled.
Changing the slider by keypress
Skipping steps
Notice how 40
and 80
can't be selected on the slider.
Huge numbers
If you are working with arbitrarily large numbers, you should
not use these directly in noUiSlider, as you'll run into some JavaScript limitations. Instead, you should
map your values to an array
.
Adding keyboard support
Much like the keypress example, handles can be made keyboard-focusable.