html SVG环形进度条 - 2

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html SVG环形进度条 - 2相关的知识,希望对你有一定的参考价值。

<svg x="0px" y="0px" width="200px" height="200px" viewBox="0 0 200 200">
  <circle class="path" stroke="#c1c1c1" fill="none" stroke-width="8" cx="100" cy="100" r="80"
          stroke-dasharray="10" />
       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
</svg>

以上是关于html SVG环形进度条 - 2的主要内容,如果未能解决你的问题,请参考以下文章

html SVG环形进度条 - 4

html SVG环形进度条 - 1

如何用SVG写一个环形进度条以及动画

用svg实现一个环形进度条

css SVG环形进度条 - 5

css SVG环形进度条 - 3。