<input type="range">

<link href="jquery-ui.css" type="text/css" rel="stylesheet" charset="utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>

<script type="text/javascript">
        jQuery.noConflict();
        jQuery(document).ready(function($){
                $( "#content-slider" ).slider();
        })
</script>

<div id="content-slider"></div>

陽だまり寫到:
要是html5的話

這樣就解決了