进度条 Progress

对应 Arco Progress，支持线形、环形及状态颜色。 属性用法见 Element Plus 文档。

线形进度

stroke-width="4" 与 Arco 线宽一致，exception 对应 Arco danger。

40%

<template>
  <div style="width: 100%; display: grid; gap: 16px">
    <el-progress :percentage="40" :stroke-width="4" />
    <el-progress :percentage="100" :stroke-width="4" status="success" />
    <el-progress :percentage="60" :stroke-width="4" status="warning" />
    <el-progress :percentage="30" :stroke-width="4" status="exception" />
  </div>
</template>

环形进度

环的尺寸与线宽由属性决定，状态颜色对应 Arco。

40%

<template>
  <el-progress type="circle" :percentage="40" :width="100" :stroke-width="4" />
  <el-progress type="circle" :percentage="100" :width="100" :stroke-width="4" status="success" />
</template>

与 Arco 的差异

• 默认线宽保留 Element Plus 的 6px；需要 Arco 的 4px 时传 :stroke-width="4"。
• 设置状态时只显示状态图标，Arco 同时显示百分比和图标。