环形统计条 #

画一个圆 #

画一个只有描边的圆 #

画一个半圆 #

加入渐变 #

双层圆实现进度效果 #

加入文字 #

参考资料 #

Texts 文字

填充和边框

渐变

circle 圆

viewBox

svg 之 ViewBox 详解,秒懂 SVG 里的 viewbox

SVG 学习之 stroke-dasharray 和 stroke-dashoffset 详解

svg 中 viewbox 图解分析

svg 渐变环形进度条组件

寥寥数行 SVG 实现圆环 loading 或倒计时效果

关于 SVG 渐变，我所能告诉你的一切

教你用 svg 写个环形进度条 vue 组件