Responsive, multi-handle HTML 5 or javascript range slider

Question

I'm currently working on a responsive site and would like to employ a multi-handle range slider. I have worked with some javascript solutions that worked ok, but were not responsive.

I have considered the option of two html5 range inputs, which degrade gracefully to text inputs on older browsers. I would however, like to know if anyone has come across a javascript solution for a range slider with multiple handles, that works in responsive environments. Any ideas or tips?

Answer 1

You could have a look at noUiSlider.

It supports touch on a bunch of devices, and it works well with responsive designs. There's no dependencies on jQuery etc.

Disclosure: I made it.

Answer 2

Check out my slider I've written for my personal use a while ago. It has both the linear (horizontal/vertical) and circular implementations, works on desktop and mobile, it is lightweight (~5Kb) and fully customizable.