jQuery UI Slider - Vertical range slider
#demo-frame > div.demo { padding: 10px !important; };
$(function() {
$("#slider-range").slider({
orientation: "vertical",
range: true,
values: [17, 67],
slide: function(event, ui) {
$("#amount").val('$' + ui.values[0] + ' - $' + ui.values[1]);
}
});
$("#amount").val('$' + $("#slider-range").slider("values", 0) + ' - $' + $("#slider-range").slider("values", 1));
});
Target sales goal (Millions):
Change the orientation of the range slider to vertical. Assign a height value via .height() or by setting the height through CSS, and set the orientation option to "vertical."