Horizontal css slider bar

I want to have a complete css coded horizontal slider bar. I am now sick of jquery's sev开发者_Python百科eral version and so I decided to have a complete css silder bar.

Please post any links if anybody know any slider horizontal bar.

In the slider bar I can be able to set the min and the max position .Also when the page is loaded i can be able to set the slider handle to a some specific location between the min and the max value.

CSS normally cannot respond to complex user actions like dragging the mouse.

It would be really easy to use the "range" form attribute of HTML5 forms (HTML rather than CSS):
http://jsfiddle.net/UnJMu/
But this will only work in browsers that support it (probably latest versions of Chrome, Firefox and Safari).

If you want a cross-browser solution, just use jQuery.