进度条

进度条

80%

CSS Code

1/* UI Object */

2.ratio dt,dd{float:left}

3.ratio dt{margin-right:8px;font-weight:bold}

4.ratio p{width:59px;height:7px;margin:2px 5px 0 0;background:url(img/bg_gage.gif) 0 0 no-repeat;font-size:0}

5.ratio span{display:block;height:5px;border:1px solid #5fab00;background:url(img/bg_gage_on2.gif) 0 0 repeat-x;font-size:0}

6/* //UI Object */

HTML Code

1<!-- UI Object -->

2<dl class="ratio">

3<dt>비율</dt>

4<dd><p><span style="width:50%"></span></p></dd>

5<dd><strong>80%</strong></dd>

6</dl>

7<!-- //UI Object -->