drawSVG strokes

[Fábio Novais]

Hi.
First of all, I'd like to say I'm sorry cause I'm really new in tweening.
I've made an example of what I'm trying to do.
I need to animate that circle making each stroke to go from 0 to 100, one after other, clockwise. Each one will have a different color.
The way I tryied, It did't work at all. 
The stroke animate, and then back to point zero. I need something more like animating fill. 

See the Pen NggpPo by fnovais (@fnovais) on CodePen

[mikel]

Fábio Novais,

 

"DrawSVGPlugin does not animate the fill of the SVG at all - it only affects the stroke using stroke-dashoffset and stroke-dasharray CSS properties."

 

Please try to draw the segments only as strokes. Here just an example:

See the Pen dRRdyg by mikeK (@mikeK) on CodePen

 

 

Happy drawing ...

[Fábio Novais]

Thank you so much, Mikel.
You were live saving.