环形进度条
环形进度条生成器允许通过 JS 动态创建一个环形进度条。
使用方法
简单使用
指定参数
选项
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
className | string | null | SVG 元素 CSS 类名。 |
percent | number | null | 百分比。 |
size | number | null | 环形进度条的尺寸(长和宽相等)。 |
circleWidth | number | null | 环形部分的宽度,如果指定为小于 1 的数,则按 size 的比例取值。 |
circleBg | string | — | 环形部分的背景色。 |
circleColor | string | — | 环形部分的前景色。 |
text | string boolean | null | 是否在中间区域显示百分比文本,或者直接指定要显示的文本。 |
textStyle | string object | null | 百分比文本的样式。 |
textX | number | null | 百分比文本的 X 坐标。 |
textY | number | null | 百分比文本的 Y 坐标。 |