Podwójny suwak na stronie

Czy ktoś mógłby podpowiedzieć jak umieścić na stronie podwójny suwak? Mam na myśli taki co pozwala wyznaczyć jakiś określony zakres wartości. Np. cena samochodu od 10k do 30k. Dobrze byłoby aby był elementem formularza.

http://docs.telerik.com/kendo-ui/getting-started/web/rangeslider/overview

Obczaję to.

w ogóle nie musisz używać do tego żadnej bilbioteki
w html5 masz typ "range"

http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_range

javascript możesz ewentualnie użyć tylko do wyświetlenia aktualnej wartości suwaka

A mógłby ktoś podać jakiś bardzo prosty przykład? Chodzi mi o kod.

kliknij na linka co podesłał kolega...

Przeczytałem to i wypróbowałem, ale dalej nie wyświetla się to co powinno. Coś nie idzie...

Proszę bardzo :
http://jqueryui.com/slider/#range

O to chodziło?

O.K - link od użytkownika nieznasz jest całkiem pomocny - dziękuję. Mniej więcej wiem jak to działa. Czyli teraz aby zmienić rozmiary tego podwójnego suwaka jego kolor itp to muszę pogrzebać w arkuszu stylów, tak? Chodzi mi konkretnie o to : <link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> Nawiązując do przykładu w linku podanym powyżej.

Tak @Mostek87 . Proponuje skopiować style z linka, który podałeś, do pliku i podać nową scieżkę do nich. Następnie w tym pliku będziesz mógł dowolnie zmieniać wygląd suwaków tak jak zauważyłeś.
Pozdrawiam !