Html ：在CSS中定义时，内容显示不同之前

我发现了一个很好的进度条，我目前正在尝试自定义它

原始版本从html属性中提取CSS内容值，如下所示：

<li class]="is-active" data-step="1">Patient Screening</li>

&:before {
    content: attr(data-step);
}

在我的代码中，我只想用CSS定义内容。但是，当我尝试这样做时，台阶圈会往下撞

是一个代码笔。

添加垂直对齐：顶部到.progress>li。您正在使用表，这将解决您的问题

---

哎呀！好了，那是不是很无礼？为任何正在使用的预处理器添加标记。另外，你需要在这里发布你的代码，而不是第三方网站，明天它可能会改变或消失，对任何人都没有帮助。