掌厅进度条css

2015-05-31 08:21:20 -0400
<style>

/*进度条样式*/

.progressbar {
width:260px;
height:15px;
position:relative;
z-index:1;
margin-top:5px;
background-image: url(swll_2.png);
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: 0px 0px;
}
.progressbar .jd_div {
width:0px;
height:15px;
position:relative;
z-index:1;
background-image: url(swll_1.png);
background-repeat: no-repeat;
background-position: 0 0px;
}
.progressbar .wz{position:absolute; top:0; line-height:17px; font-size:12px; text-indent: 20px;left:0; z-index:999; height:15px;width:200px;}
.progressbar .jd_div .yj {
position:absolute;
top:0px;
right:0;
height:15px;
width:10px;
font-size: 12px;
line-height: 15px;
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: 30px;
left: 0px;
}

</style>


<div class="progressbar"><div class="wz">100.00MB/100.00MB</div><div class="jd_div l" style="width:100%"></div></div></div></div>

10.00MB/100.00MB
Comment:
Name:

Back to home

Subscribe | Register | Login | N