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

Question

我可以告诉我如何在css中创建这样的进度条吗？

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

Answer 1

您可以使用HTML5 progress bar。

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

请参阅DEMO。