进度指示器

更新时间:
复制 MD 格式

使用场景

当页面中的某项操作需要较长时间才能完成时,您可以使用进度指示器组件显示该操作的当前进度和状态。

使用说明

进度指示器组件的属性面板中,您可以设置尺寸显示样式百分比状态等。

  • 显示样式:显示样式分为线型圆型

    • 线型线型进度指示器显示为水平进度条,右端展示当前百分比数值(如 35%)。在右侧属性面板中可配置尺寸(小/中/大)、百分比色彩阶段变化模式状态(正常/成功/失败)。

    • 圆型:进度指示器组件的属性配置面板包含以下配置项:唯一标识是否显示(开关控制)、尺寸(小/中/大)、显示样式(圆型/线型)、百分比(当前值35)、色彩阶段变化模式(开关控制)、状态(正常/成功/失败)。画布中进度指示器以圆形样式呈现,蓝色弧形显示当前进度百分比。

  • 显示样式:您可以设置固定百分比或通过单击1图标设置。

使用示例

进度指示器组件部署效果如下所示。

  • 线型:部署效果为水平条形进度条,蓝色填充区域表示已完成进度,进度条右侧显示当前进度百分比值(如 40%)。

  • 圆型2