进展
这是一个用于在各种界面中嵌入水平条形图的组件。它可以显示数据分布、份额或进度。
使用场景
✅ 何时使用 当您需要显示实体的完成或填充级别时使用，例如磁盘上的可用空间、已完成任务的数量等。
🚫何时不使用 当您需要显示没有比较的单个值时。例如，您可以使用Progress显示15/60，但不能单独显示15。
结构
- 指示器颜色。必需部分
- 文本。仅与M尺寸一起使用，可选部分。
- 背景。必需部分
尺寸
- M是唯一有文本的尺寸。在空间较大的部分使用，在进度指示器是关键元素的页面上使用。
- S用于表格、卡片和单独的地方，其中进度不是页面上唯一的关键组件
- XS用于狭窄的地方，您需要保持内容紧凑。
主题
Default最常用于中性情况，当您不需要对进度引起额外注意时，例如，当页面包含更重要的元素时
Info也用于中性情况，您需要更加强调进度，或显示操作正在进行中
Success用于成功完成的过程或表明系统运行没有问题
Warning用于不寻常的情况，警告用户某些事情，例如，提醒用户即将发生的问题。
Danger用于吸引最大注意力，当发生错误，用户需要采取行动解决问题时：磁盘空间已用完，系统已失败等。
Misc用于中性情况，当您不想使用Default时。
范围
-
根据进度值改变颜色。您可以配置此组件根据进度值改变颜色，例如，标准指示是蓝色（info），100%是绿色（success）。
-
加载动画。使用它向用户显示实时进度，例如，从计算机上传文件时。
-
**自定义颜色。**当所有其他选项都不适合时，您可以使用自己的Progress颜色集：使用自定义颜色并组合多种颜色。
使用案例
您可以将此组件与文本组合，嵌入到其他组件中，例如，将Progress包装在卡片或表格中，将其与解释性文本、操作等组合。
-
在文件上传/下载部分
-
在卡片中，例如，在带有问题的检查列表中
-
在表格中，例如，显示磁盘使用情况。
