jQuery UI Range Slider
by DugSohn
HTML
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<h1 id="amount">
<i class="fa fa-star fa-3x"></i>
<i class="fa fa-star fa-3x"></i>
<i class="fa fa-star fa-3x"></i>
</h1>
<div id="slider-range"></div><br />
JavaScript
$(document).ready(function() {
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
step:33,
max: 99,
values: [ 0, 99 ]
});
});
});