UI Slider

by bizamajig

HTML

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css">
<input type="range" id="slider" value="258" min="157" max="314" />

<br /><br />

Angle (slider value divided by 100): <span id="slider-val">2.58</span>

JavaScript

$('#slider').change(function(){
    $('#slider-val').html($(this).val() / 100);
});