▶庆祝父亲节,喜迎618!魔趣吧永久VIP八折优惠中,一次开通,终身无忧建站!【参加活动】◀
推荐
推荐
点击投放广告
点击投放广告
鲁班****

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

[复制链接]
查看: 70|回复: 0
发表于 2019-5-18 10:11:16 | 显示全部楼层 |阅读模式
实现个人料完善进度条
实现个人料完善进度条 这是效果图。: J. B; E* M/ _- h5 _$ `(ww w.m oq u8.c om)
  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宽度即可,样式随意发挥。
; |# }/ e/ a" s8 L) g" D# |6 l( o4 I; B  r, k7 S8 c(w ww.mo qu8.com)
& O% b/ x3 E( B3 B& V/ [( D% P(w w w.m oqu 8.c om)
2 ]0 F3 ~  p0 O. V. \- H% `2 i(w ww.mo qu8.com)

5 r2 i  Y9 N, o$ ?备注:代码可用于左侧信息模板(后台自行设置)
4 b0 _7 A* b2 V" K' h+ f3 M1 f

魔趣吧版权声明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安全认证
|网站地图 安全运行天