EasyUI

效果：

html代码：

        <input id="box" />

JS代码：

$(function () {
    $('#box').slider({
         300,//设置为横向的时候有用
        height:300,//设置为竖向时候才有用
        //mode: 'v',//横向还是竖向
        rule: [0, '|', 25, '|', 50, '|', 75, '|', 100],
        //reversed:true,//将最大最小值对调
        showTip: true,
        //value: 20,//默认值
        //min: 20,//最小值
        //max:90,//最大值
        step: 1,//增加量，减少量
        //格式化返回的数据
        tipFormatter: function (data) {
            return data + '%';
        }
    });
})