魔趣吧官方商城
服务器推荐
点击投放广告
完全免费的字体下载网站
鲁班****

[其他] 实现个人料完善进度条

[复制链接]
查看: 163|回复: 0
发表于 2019-5-18 10:11:16 | 显示全部楼层 |阅读模式
实现个人料完善进度条 这是效果图。% H8 Q3 {; L# z1 L: Q(www.moqu8 .com)
  1. <style>
  2. .pfres{
  3.     display: inline-block;
  4.     background: #bdc9c9;
  5.     width: 200px;
  6.     height: 8px;
  7. }
  8. .pfres em{
  9.     display: inline-block;
  10.     background: #329932;
  11.     height: 8px;
  12. }
  13. </style>
  14. <!--{eval $user_status = C::t(common_member_status)->fetch_all($_G['uid']);}-->
  15. <!--{loop $user_status $status}-->
  16. <p>资料完善度:<span class="pfres"><em style="width: $status[profileprogress]%;"></em></span> $status[profileprogress]%</p>
  17. <!--{/loop}-->
复制代码
很简单,主要就是调用了[profileprogress]这个变量,然后利用他的值作为进度条的width宽度即可,样式随意发挥。
: V# }  B4 B. H7 X. p0 ^
* q. p! G* w! B
+ f- \( X" c. _6 ~( u, l+ A(w ww.mo qu8.com)
* ]% ~' q) w# ?6 K(ww w.m oq u8.c om)
7 _0 Z6 l, e& L; o8 h. K0 l: X(ww w.m oq u8.c om)
备注:代码可用于左侧信息模板(后台自行设置)
$ g  h. g6 B9 r; P3 L1 i

魔趣吧版权声明1,本文内容及相关资源来源于网络,版权归版权方所有!本站原创内容版权归本站所有,请勿转载!
2,本文内容仅代表作者本人观点,不代表本网站立场,作者文责自负,本站资源仅供学习研究,请勿非法使用,否则后果自负!请下载后24小时内删除!
3,本文内容,包括但不限于源码、文字、图片等,仅供参考使用,本站不对其安全性,正确性等作出保证。但本站会尽量审核会员发表的内容
4,如您认为本文内容侵犯了您的权益,请与我们联系!我们将在5个工作日内做出处理!本站保留全部修改、解释、更新本声明的权利魔趣吧

魔趣吧,全网领先的建站资源下载基地!Discuz模板、Discuz插件、素材、特效,源码,建站,就上魔趣吧!! 【通告】近期发现部分竞争网站和小人诋毁抹黑魔趣吧,对此,我们只有一句话,事实胜于雄辩!!用心为站长服务,魔趣吧不怕任何邪门歪道!【魔趣吧唯一官方网站https://www.moqu8.com,请谨防假冒网站!】
回复

使用道具 举报/反馈

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回列表
魔趣吧在线客服
关闭
欢迎来到魔趣吧
如果你有建站技术问题、仿站需求、模板插件修改需求,请联系我们的技术支持!高效率,低价格的帮你搞定!
请认准魔趣吧唯一官网:www.moqu8.com,谨防假冒网站!
建站技术支持(收费)
资源互换/合作
魔趣吧在线客服
普惠站长,魔趣吧VIP限时大降价X

普惠站长,魔趣吧VIP限时大降价

一直以来,部分垃圾站长搭建的各种资源站,用各种恶心的手段和可怜的一点资源不断的敲诈新站长,魔趣吧也曾...

立即抢福利!
魔趣吧
做感动人心的好资源站

关于魔趣吧|魔趣建站

魔趣吧,志在打造全国最大的建站资源共享平台。 本站提供海量免费的建站资源,包括WordPress模板、Discuz精仿模板、PHPWind模板、phpcms模板、Discuz精仿插件、帝国cms模板、织梦模板等上万精品模板!同时,提供各种建站素材、JS特效、整站程序源码!
服务中文站长,传播分享精神!建站,就来魔趣吧!!
2015-2019  技术支持:魔趣吧 ( 豫ICP备15026783号-4 )  
HTTPS安全认证
|网站地图 安全运行天