信息
我想弄清楚如何使用
创建ARC进度条<progress value="" max =""></progress>
我已经看过很多使用div的例子以及一些关于SVG的例子但我相信最好使用实际的进度html标签，因为它不仅清楚它的意图，而且还有益于它可访问性的观点。
以下是两个示例，第一个使用svg，第二个使用div：
现在我知道进度条我可以选择进度标记的两个不同属性：
progress[value]::-webkit-progress-value
progress[value]::-webkit-progress-bar
通过这些，我可以控制进度条以及更改外观，旋转等的值。
问题
如何使用css3创建弧形进度条以及相应的<progress></progress> html标记？
更新 我见过其他人使用边界半径来创建曲线的例子
border-radius: 50%/100px 100px 0 0;
我无法让它与<progress>一起使用，但我认为这可能是一种可能性。