使用场景
当页面中的某项操作需要较长时间才能完成时,您可以使用进度指示器组件显示该操作的当前进度和状态。
使用说明
在进度指示器组件的属性面板中,您可以设置尺寸、显示样式、百分比和状态等。
显示样式:显示样式分为线型和圆型。
线型:线型进度指示器显示为水平进度条,右端展示当前百分比数值(如 35%)。在右侧属性面板中可配置尺寸(小/中/大)、百分比、色彩阶段变化模式及状态(正常/成功/失败)。
圆型:进度指示器组件的属性配置面板包含以下配置项:唯一标识、是否显示(开关控制)、尺寸(小/中/大)、显示样式(圆型/线型)、百分比(当前值35)、色彩阶段变化模式(开关控制)、状态(正常/成功/失败)。画布中进度指示器以圆形样式呈现,蓝色弧形显示当前进度百分比。
显示样式:您可以设置固定百分比或通过单击
图标设置。
使用示例
进度指示器组件部署效果如下所示。
线型:部署效果为水平条形进度条,蓝色填充区域表示已完成进度,进度条右侧显示当前进度百分比值(如 40%)。
圆型:

该文章对您有帮助吗?