css - 如何在 CSS 中制作这样的进度条

Question

有人可以我如何在css中制作一个看起来像这样的进度条吗？

它显然是静态的，因此我可以手动逐步增加它。一个页面中将使用大约十几个来展示某事的进展。我不知道 CSS 是否是最好的方法，但这就是我现在能想到的。

Answer 1

您可以使用HTML5 进度条。

<progress max="100" value="60">60%</progress>

见演示。