效果：
css代码：
.bar{height: 14px;width: 100%;font-size: 10px;margin-top: 5px;background-color: #f5f5f5;}.bar::before{display: block;counter-reset: progress var(--precent); content: '';width: calc(1% * var(--precent));color: #fff;height: 14px;background-color: #2486ff;text-align: center;white-space: nowrap;overflow: hidden;}
html代码：
<div class="bar" style="--precent:20;"></div>
