进度条

最新推荐文章于 2025-06-16 11:58:42 发布

原创最新推荐文章于 2025-06-16 11:58:42 发布 · 462 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

css 专栏收录该内容

61 篇文章

订阅专栏

进度条

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 -->