HTML Slider element?

Question

I'm coding an app (temporarily up here), and I want to make its parameters modifiable. I feel the best way to do this would be with your standard GUI slider elements (a la this, but not so ugly). I just noticed that the DOM doesn't provide these, however...

What's the best way to introduce sliders to a webpage? Is there a standard library that everybody uses? Should I just roll my own? Or should is there a different element I can use? Should I embed them in the canvas element somehow?

Answer 1

jQuery UI does support this.

If you're already using jQuery, it would be easy to learn.

Answer 2

I'm sure there is probably a jQuery library for this as well, but this MooTools library is one that I have used before and had no complaints:

MooTools Slider

Answer 3

There is a slider control in HTML5, it's done with <input type="range" … />. Only supported in webkit (Safari and Chrome) so far, so you will still need something like jquery UI for everyone else.