title: Add gradient to react circular progress bar
body: <p>I have been working on creating some circular progress bar for my simple dashboard. Basically, I am using react-circular-progressbar as I find it user-friendly. It works fine but I want to add some gradient to its stroke with either CSS or something else maybe. Here is a code snippet to get things clear : </p>
  
  <pre><code>&lt;CircularProgressbarWithChildren value={78} styles={{ root: {}, path: { stroke: "#6D6CB8" } }} &gt;
  &lt;span style={{ color: "#6D6CB8" }}&gt;78&lt;tspan&gt;%&lt;/tspan&gt;&lt;/span&gt;
  &lt;/CircularProgressbarWithChildren&gt;
  </code></pre>