title: SVG line animation using Snap.svg
body: <p>I am literally a crawling baby in snap SVG and given that the amount of resources available online is not sufficient for a Rookie like me, I thought I would ask here. I want to learn how to do this animation that I have generated in SVG using CSS3 animations however I recently found out that, FF, IE have some issues with CSS3 animations and CSS3 transforms in SVG, so I worked only with webkit and i decided to use Snap SVG for the others, I think you know what I mean. Any how, this is a glimpse of the animation: </p>
  
  <pre><code>&lt;svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
   width="711.1px" height="717.1px" viewBox="0 0 711.1 717.1" enable-background="new 0 0 711.1 717.1" xml:space="preserve"&gt;
  
  
  &lt;circle class="circle" fill="none" stroke="#FD4F00" stroke-width="66" stroke-miterlimit="10" cx="355.55" cy="358.55" r="285.956"/&gt;
  
  &lt;/svg&gt;
  </code></pre>
  
  <p>This is the CSS3 animation: </p>
  
  <pre><code>.circle {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  -webkit-animation: dash 5s linear alternate infinite;
  -webkit-transform-origin: 50% 50% ;
  -webkit-transform: rotate(-90deg) ;
  }
  @-webkit-keyframes dash {
    from {
      stroke-dashoffset: 2000;
    }
    to {
      stroke-dashoffset: 0;
    }
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/zubairanwar2/djfmzkhg/" rel="nofollow">Here is the Fiddle, to see the Full animation in action</a> so you can see what I am talking about here. </p>
  
  <p>Thanks for your help, I apologize as I am really new in Snap SVG and I really dont know how to achieve that animation so I am hoping to learn from this mini project.</p>
  
  <p>EDIT: Alright so I have completed the animation <a href="http://jsfiddle.net/zubairanwar2/oc2aus6w/2/" rel="nofollow">Here is a Fiddle</a>. Now the only problem is this,that how to adjust the repeatCount using snap.svg ? Could you please tell me how to adjust the repeatCount in Snap.svg ? Thanks for your help !</p>