Animated Line Drawing in SVG
Posted on Tuesday, July 30th, 2013
stroke-dasharraylets you specify the length of the rendered part of the line, then the length of the gap.
stroke-dashoffsetlets you change where the dasharray starts. Then use CSS animations or transitions (if you want IE support you’ll need to use