使用div实现progress进度条

在百度上搜了很多方法去修改HTML5 progress的样式,然而并没有实现。
所以自己用div实现了一个。

简单粗暴(*^-^*)  可以在CSS里改样式,可以JS里改进度。

<div class="timepro">
	<div class="timepro-go" style="10%"></div>
</div>


.timepro{
	height:5px;
	background:#ccc;
	95%;
	border-radius:10px;
	-webkit-border-radius:10px;
	position: relative;
}
.timepro-go{
	0%;
	background:#000;
	height:5px;
	border-radius:10px;
	-webkit-border-radius:10px;
	position: relative;
	transition: all 10s;
	-webkit-transition: all 10s;
}


原文地址:https://www.cnblogs.com/hiuman/p/7347391.html