stroke-dasharray の値を大きくしてパスを伸び縮みさせてみましょう.
stroke-dashoffset で出発地点を調節できます.

▼ sample_css_020_Ch_02.zip Download