进度条展示/交互

组件 ID: progress

这是一个标准的 SunForm 展示/交互组件，支持可视化配置与低代码生成。

JSON 配置示例

直接复制以下 JSON 到配置文件中即可使用。

{
  "type": "progress",
  "props": {
    "value": 50,
    "min": 0,
    "max": 100,
    "color": "",
    "bgColor": "info",
    "darkBgColor": "",
    "showLabel": false,
    "labelColor": "#333",
    "labelFontSize": 24,
    "size": 8,
    "round": 8,
    "duration": 250,
    "labelInside": false,
    "linearColor": "",
    "remark": "",
    "hide": false
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`value`	number	50	表单值 / 绑定值
`min`	number	0	最小值 / 最小长度
`max`	number	100	最大值 / 最大长度
`color`	string	-	组件主色调
`bgColor`	string	info	颜色值
`darkBgColor`	string	-	颜色值
`showLabel`	boolean	false	暂无描述
`labelColor`	string	#333	颜色值
`labelFontSize`	number	24	暂无描述
`size`	number	8	组件尺寸 (small/default/large)
`round`	number	8	暂无描述
`duration`	number	250	暂无描述
`labelInside`	boolean	false	暂无描述
`linearColor`	string	-	颜色值
`remark`	string	-	组件备注/说明
`hide`	boolean	false	是否隐藏该组件
`style`	object	{}	自定义内联样式 CSS
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`onUpdate`	any	null	事件回调

进度条 展示/交互

JSON 配置示例

属性配置 (Props)

进度条展示/交互