利用jquery ui中的slider编写自定义样式的滑动条

先来看下实现效果，经测试火狐，IE9+，谷歌浏览效果一致。

因为实现借助于jquery ui，所以必须引入必要的文件，jquery.js，jquer ui.js和jquery ui.css。

然后如上图，html结构

<div class="scale_num_box">
        <div>0</div>
        <div>100</div>
    </div>
    <div class="option_select">
        <div>选项1</div>
        <div class="range"></div>
    </div>
    <div class="option_select">
        <div>选项2</div>
        <div class="range"></div>
    </div>

处理一下样式

 .scale_num_box{
            overflow: hidden;
            margin-bottom: 25px;
        }
        .scale_num_box > div{