统计百分比 – LPC影子技术分享 https://www.mudbest.com 行影不离,忘之却步. Mon, 01 Oct 2012 14:09:14 +0000 zh-Hans hourly 1 https://wordpress.org/?v=7.1.1 信息统计CSS控制百分比 https://www.mudbest.com/%e4%bf%a1%e6%81%af%e7%bb%9f%e8%ae%a1css%e6%8e%a7%e5%88%b6%e7%99%be%e5%88%86%e6%af%94/ Tue, 18 Jan 2011 10:24:43 +0000 http://blog.mudbest.com/?p=322 用CSS和html简单实现的百分比，仅供参考。

<style>
dd {
margin:0;
display:block;
width:400px;
height:2em;
background:#0a0;
border-bottom:1px solid #fff;
font-size:12px;
}
dd b {
float:right;
display:block;
margin-left:auto;
background:#cec;
height:2em;
line-height:2em;
text-align:right;
font-size:12px;
}
dd.p670 b {width:33%;}
dd.p67 b {width:93.3%;}
dd.p12 b {width:98.8%;}
dd.p197 b {width:80.3%;}
dd.p26 b {width:97.3%;}
dd.p08 b {width:99.2%;}
</style>

<dd><b>IE.6 = 67% </b></dd>
<dd><b>IE.5 = 6.7% </b></dd>
<dd><b>Opera = 1.2% </b></dd>
<dd><b>Firefox = 19.7% </b></dd>
<dd><b>Mozilla = 2.6% </b></dd>
<dd><b>NN7 = 0.8% </b></dd>

DEMO:

<ol>
<!--{loop $_G['setting']['forumnnn'] $k $nav11}-->
<li><em>
<!--{$nav11[i]}--></em><a href="forum.php?mod=forumdisplay&fid=<!--{$nav11[fid]}-->"><!--{$nav11[name]}--></a><i><!--{$nav11[todayposts]}--></i>

//判断自己的数值是不是0，则给他一个默认的百分比
<!--{if $nav11[todayposts] <= 0}-->

<span style="width:70px; height:6px;background:#FF66CC; padding-bottom:3px; float:right;"><b style="background:#ffffff; padding-bottom:3px; height:6px;margin-left:auto; float:right; width:98%">&nbsp;</b></span>
<!--{else}-->

//{eval echo 100 - ((($nav11[todayposts])/$nav11[num])*100)}%"> 运算公式

<span style="width:70px; height:6px;background:#FF66CC; padding-bottom:3px; float:right;"><b style="background:#ffffff; padding-bottom:3px; height:6px;margin-left:auto; float:right; width:{eval echo 100 - ((($nav11[todayposts])/$nav11[num])*100)}%">&nbsp;</b>

</span>
<!--{/if}-->
</li>
<!--{/loop}-->
</ol>
]]>