这是效果图。2 x6 O ]4 G' T2 U
- <style>
- .pfres{
- display: inline-block;
- background: #bdc9c9;
- width: 200px;
- height: 8px;
- }
- .pfres em{
- display: inline-block;
- background: #329932;
- height: 8px;
- }
- </style>
- <!--{eval $user_status = C::t(common_member_status)->fetch_all($_G['uid']);}-->
- <!--{loop $user_status $status}-->
- <p>资料完善度:<span class="pfres"><em style="width: $status[profileprogress]%;"></em></span> $status[profileprogress]%</p>
- <!--{/loop}-->
复制代码 很简单,主要就是调用了[profileprogress]这个变量,然后利用他的值作为进度条的width宽度即可,样式随意发挥。
7 n/ W A7 g$ r; U4 u! e6 y5 W+ O/ O7 G, \: x: B
' D5 T! u7 f$ H5 C
0 i1 f2 ?. Z* P" T' u$ k* R8 D& l/ Q5 b5 O5 \4 U& K! z; ~
备注:代码可用于左侧信息模板(后台自行设置)8 K3 O1 {# L5 Q% ~6 }' u' s
|
|