Ion Range Sliders

Basic range slider
Set type to double and specify range, also showing grid and adding prefix "$"
Set up range with negative values
Set up range with months
Set up range limits:

noUi Sliders

Using HTML5 input elements


Non linear slider


Locking sliders together


Bootstrap Sliders

Basic

Basic

Other Sliders

Basic

Default
Accuracy mode

Hint

Hint Top
Hint Bottom

Buffered

Square Marker
Circle Marker

Vertical

With hint

Customizable

Accuracy mode

Multi-Purpose

Complete multi colors
Move slider marker to change complete color
Put slider value to input on event data-on-*
Put slider value to input on data-target
Put slider value to non input on data-target