后端记录用户执行对应操作就加分。
前端..前端就展示个进度条啊：
<div class="member-activity-bar">
<div class="member-activity-start" style="width: 15%;"></div>
</div>
width 表示进度百分比，class 定义不同进度下的颜色样式，参考 CSS
CSS:
.member-activity-bar {
width: 250px;
background-color: #f0f0f0;
height: 3px
}
.member-activity-done {
height: 3px;
background-color: #333
}
.member-activity-almost {
height: 3px;
background-color: #ffa800
}
.member-activity-half {
height: 3px;
background-color: #7ec222
}
.member-activity-fourth {
height: 3px;
background-color: #a9de62
}
.member-activity-start {
height: 3px;
background-color: #ccc
}