react-circle 是一个使用 TypeScript 实现的 SVG 格式的圆形进度组件。
Demo: https://zzarcon.github.io/react- circle/
安装
$ yarn add react-circle
特性
无额外依赖
无额外样式
2kb 大小 => https://bundlephobia.com/result?p=react-circle
用法示例
基本用法,使用默认尺寸和颜色,传入“进度”参数即可使用
import Circle from 'react-circle'; <Circle progress={35} />
运行效果