jQuery UI Slider - Default functionality
#demo-frame > div.demo { padding: 10px !important; };
$(function() {
$("#slider").slider();
});
The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.