Html
    Css
    Js

    
                        
.box {
	width:200px;
	height:20px;
	background-color:aliceblue;
	border-radius:20px;
	display:flex;
}
.btn {
	margin:20px;
	width:70px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#bfa;
	cursor:pointer;
	color:rgb(202,202,90);
}
.item {
	width:0;
	height:100%;
	background-color:rgb(56,148,255);
	border-radius:20px;
	transition:all 1s;
}
.box2 {
	width:200px;
	height:20px;
	background-color:aliceblue;
	border-radius:20px;
	display:flex;
}
.item2 {
	width:100%;
	height:100%;
	background-color:rgb(56,148,255);
	border-radius:20px;
	transition:all 0.1s;
}

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

jquery + css 实现进度条

更新时间:2023-03-05 22:50:03

jquery 与 css 实现进度条

0