<!DOCTYPE html>
<html charset="UTF-8">
<head>
<title></title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<!--<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">-->
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<style>
.container{
margin-top: 50px;
}
.container .unit{
margin-top: 30px;
}
.progress-title{
display: block;
width: 25px;
height: 25px;
line-height: 25px;
border: 1px solid #eee;
}
.progress-dragbtn{
position: absolute;
left: 0; top: 0;
margin-left: 16px;
margin-top: -5px;
width:15px;
height: 30px;
background: #3879D9;
border-radius: 4px;
cursor: pointer;
}
</style>
<body>
<div class="container">
<div class="row">
<div class="col-md-6 unit">
<div class="row"
滑动条拖拽(用户评分练习)——js
最新推荐文章于 2024-06-27 17:39:42 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)