这是效果图。2 A, I' T2 Q9 H; l' C
- <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宽度即可,样式随意发挥。( G4 S! I& r: E1 l, M6 G
4 c7 m! i0 J. I/ |8 Q9 g4 T; \8 M/ R4 s; Q1 h6 V
2 _; N0 Q3 C, h; b0 @1 {: q9 u# J$ b
备注:代码可用于左侧信息模板(后台自行设置)
" f! ~5 O3 E' O: u: A* Q |
|