问一下类似于 V2EX 的活跃进度条前端实现逻辑，求大佬带路！

div 套个 div ，外侧 div 固定宽度，内侧 div 直接用百分比宽度，这属于基础 CSS 。

后端记录用户执行对应操作就加分。

前端..前端就展示个进度条啊：

<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
}

@b821025551b 感谢分享

@yuzo555 谢大佬分享

其实关注点是想知道前后端交互的频率以及采样数据逻辑