title: How to make animated, gradient filled, SVG donut chart
body: <p>I was trying to find clean simple solution to create SVG kind of donut charts with gradient fill going along the edge of the circle with the possibility to animate it from 0% to x% and I found out that there's no easy way and no ready copy &amp; paste solution. Most solution used one linear gradient, which didn't help in my case or were over complicated. </p>
  
  <p>The kind of (static) result I expected to get was:</p>
  
  <p><a href="https://i.stack.imgur.com/Vs841.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Vs841.png" alt="enter image description here"></a></p>