Skip to content

环形进度条

环形进度条生成器允许通过 JS 动态创建一个环形进度条。

使用方法

简单使用

指定参数

选项

名称类型默认值说明
classNamestringnullSVG 元素 CSS 类名。
percentnumbernull百分比。
sizenumbernull环形进度条的尺寸(长和宽相等)。
circleWidthnumbernull环形部分的宽度,如果指定为小于 1 的数,则按 size 的比例取值。
circleBgstring环形部分的背景色。
circleColorstring环形部分的前景色。
textstringbooleannull是否在中间区域显示百分比文本,或者直接指定要显示的文本。
textStylestringobjectnull百分比文本的样式。
textXnumbernull百分比文本的 X 坐标。
textYnumbernull百分比文本的 Y 坐标。

MIT License (MIT)