Html
    Css
    Js

    
                        
#box_ {
	position:relative;
	width:200px;
	height:50px;
	border:1px solid transparent;
	float:left;
}
#bg_ {
	height:10px;
	margin-top:11px;
	border:1px solid #ddd;
	border-radius:5px;
	overflow:hidden;
}
#bgcolor_ {
	background:#f3f3f3;
	width:100px;
	height:10px;
	border-radius:5px;
}
#bt_ {
	width:17px;
	height:17px;
	background-color:rgb(243,243,243);
	border-radius:17px;
	overflow:hidden;
	position:absolute;
	left:100px;
	margin-left:-12px;
	border:1px solid #d0cbcb;
	top:8px;
	cursor:pointer;
}
#text_xa_ {
	width:100px;
	margin:0 auto;
	font-size:14px;
	padding-left:10px;
	padding-top:2px;
	line-height:2em;
	float:left;
}
#text_xa {
	width:100px;
	margin:0 auto;
	font-size:14px;
	padding-left:10px;
	padding-top:2px;
	line-height:2em;
	float:left;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

进度条(按比例双向数据滑块 兼容所以pc和移动端 可拖动)

更加兼容手机端的应用

6
      下一站0
      2017/11/8 17:13:19

      移动端没有mouse事件

      回复
      麻辣什锦锅0
      2017/10/12 11:15:01

      表示不兼容手机端

      回复
      HALO.H0
      2017/8/24 13:50:31

      不兼容移动端

          宗莹谳佾0
          2017/9/20 16:55:41

          就是

      回复
      *耀光?*0
      2017/4/12 19:46:06

      谢谢 我有一套 重新整理的 可以随意绑定数据 完美配合后台对接数据 更方便 有需要请留言 或者加qq:736542232 直接发您

      回复
      ?岚0
      2017/4/12 9:20:07