movii
8/11/2017 - 3:51 AM

SVG 环形进度条 - 4

SVG 环形进度条 - 4

1.index.html
content_copyfile_download
<svg x="0px" y="0px" width="200px" height="200px" viewBox="0 0 200 200">
  <!-- 👇 placeholder  -->
  <circle class="" stroke="#f1f1f1" fill="none" stroke-width="5" cx="100" cy="100" r="80" />
  <!-- 👇 target -->
  <circle class="path" stroke="#a1a1a1" fill="none" stroke-width="10" cx="100" cy="100" r="80" />
</svg>