教程 框架 组件 接口 工具 其他

progress

概述

进度条

子组件

不支持

属性

支持通用属性

名称类型默认值必填描述
percent<number>0当前进度(type 为 circular 时不生效)
typehorizontal | circularhorizontal进度条类型,不支持动态修改

样式

支持通用样式

horizontal progress 底色为#f0f0f0

circular progress 默认宽高为 32px,宽高设置不一致时,circular 图标为宽高的较小值

名称类型默认值必填描述
color<color>#33b4ff 或者 rgb(51, 180, 255)进度条的颜色
stroke-width<length>32px进度条的宽度(type 为 circular 时不生效)
layer-color 1070+<color>#f0f0f0 或者 rgb(240, 240, 240)进度条的背景颜色(type 为 circular 时不生效)

事件

支持通用事件

progress   示例代码

查看示例代码

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容