SVG 环形进度条 - 7 - Cacher Snippet

8/11/2017 - 4:21 AM

SVG 环形进度条 - 7

2.main.js

range.oninput = () => {
  let range_value = Number(range.value)
    , value = len -  (range_value / 100) * len;
  circle.style.strokeDashoffset = value;
}

1.index.html

<input id="range" type="range" min="0" max="100" step="1" value="0">

Cacher is the code snippet organizer for pro developers

We empower you and your team to get more done, faster

SVG 环形进度条 - 7