SVG圆形进度条

SVG炫彩倒计时进度条 点击我

SVG输入值 显示进度条 点击我

 

默认stroke-dasharray的起始位置在右侧，而不是上方，因此，偶们需要使用transform逆时针旋转90°, 这就是第二个circle元素上面transform="matrix(0,-1,1,0,0,440)"的由来。