crealime / circle-svg-animation

Circle SVG Animation

Plug css, js and just add short code in your html.

Change the custom attribute data-percent and data-time for setting your percent and time value.

<div class="circle-box" data-percent="58" data-time="2000"></div>
<div class="circle-box" data-percent="72" data-time="3000"></div>
<div class="circle-box" data-percent="100" data-time="2000"></div>

Demo:

http://deveb.pro/circle