`
hiuman
  • 浏览: 50620 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

progress

    博客分类:
  • css
阅读更多
在百度上搜了很多方法去修改HTML5 progress的样式,然而并没有实现。
所以自己用div实现了一个。

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


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


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

  • 大小: 563 Bytes
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics