title: Fill color SVG path with animation
body: <p>I have use following way to fill color of SVG paths. Is there a way to add animation to it. Color filling starting from center and spread. </p>
  
  <pre><code>$(function(){
      $("#btn-test1").on("click",function(){
          $("#path1").attr("fill","#0000");   
  
      });
  });
  </code></pre>