Progress 进度条

    展示操作或任务的当前进度,比如上传文件。

    注意:非 template/render 模式下,需使用 。

    基本用法

    处在不同状态下的进度条,当 percent 为 100 时,自动将状态置为 success。

    Progress 进度条 - 图2

    垂直方向

    设置属性 vertical 将以垂直方向显示。

    配合外部组件使用

    通过数据的联动和逻辑控制,实现动态效果。

    Progress 进度条 - 图4

    自定义更多样式

    通过自定义和属性stroke-width改变进度条效果。

    分段进度条

    标准的进度条。

    Progress slot

    名称说明
    自定义显示状态内容