您的位置:首页 > Web前端 > CSS

进度条样式

2016-05-10 17:27 295 查看
<style>

.u-progress {
height: 25px;
background: #CBCBCB;
position: relative;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
overflow: hidden;
margin-bottom: 4px;
}
.u-progress .pgbar, .u-progress .pging {
display: block;
width: 100%;
height: 100%;
border-radius: 3px;
}
.u-progress .pging {
background: #FF3B23;
}

</style>

<p class="u-progress">
<span class="pgbar" style="width:42%;">
<span class="pging"></span>
</span>
</p>

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: