Html
    Css
    Js

    
                        
html,body {
	font-size:13vw;
}
.scroll-btm {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:.32rem;
}
.progress,.progress1 {
	position:relative;
	width:5rem;
	height:.11rem;
	background-color:#f2f2f2;
}
.progress_bg,.progress_bg1 {
	height:.1rem;
	border:1px solid #ddd;
	border-radius:.05rem;
	overflow:hidden;
	background-color:#f2f2f2;
}
.progress_bar,.progress_bar1 {
	background:#8a1e2b;
	width:30%;
	height:.1rem;
	border-radius:.05rem;
}
.progress_btn,.progress_btn1 {
	width:.3rem;
	height:.3rem;
	border:1px #fff solid;
	border-radius:50%;
	position:absolute;
	background:#8a1e2b;
	left:30%;
	margin-left:-.1rem;
	top:-.1rem;
	cursor:pointer;
	box-sizing:border-box;
}
.text,.text1,.scroll-btm div {
	font-size:.32rem;
}

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

移动端拖拽条

0