纯净Css+html 实现简单进度条效果


<style>
.graph {
position: relative;
width: 200px;
border: 1px solid #B1D632;
padding: 2px;
margin-bottom: .5em;
}
.graph .bar {
display:block;position:relative;
background: #B1D632;
text-align: center;
color: #333;
height: 10px;
line-height: 10px;
}
.graph .bar span { position:absolute;left: 1em; }

</style>

<h3>简单进度条</h3>
<div>
<strong style=”width: 54%;”><span></span></strong>
</div>
<div>
<strong style=”width: 20.3%;”><span>20.3%</span></strong>
</div>


关注Vivi族 关注 www.vivizu.com 本站部份內容來自互联网,如有侵权,请联系博主

Leave a comment

0 Comments.

Leave a Reply


[ Ctrl + Enter ]