SuperAPI AI 工具集

el-progress

通用与其它

查看项目

更新于 10-15 23:32

技能介绍

用途:el-progress 是 Element Plus 的进度条组件,用于展示当前操作的进度,例如上传进度、任务完成度、加载状态和状态指示。

主要能力:支持直线(line)、圆形(circle)和仪表盘(dashboard)三种样式;可通过 percentage 控制进度(0-100,必填);支持 stroke-width 设置宽度、text-inside 将百分比置于内部;支持 status 表示 success、exception、warning 状态;支持 indeterminate 不定进度及 duration 动画时长;支持 color 自定义颜色、width 设置圆形/仪表盘画布宽、show-text 控制文本显示、stroke-linecap 设置端点形状、format 自定义文本、striped 与 striped-flow 实现斜纹及动画斜纹;提供 default 插槽,参数为 { percentage }。

使用方式:基础用法为 <el-progress :percentage="50" />;内部百分比为 <el-progress :percentage="70" :stroke-width="20" text-inside />;自定义颜色通过 ref 绑定 percentage 与 customColor 并传入 :color;圆形为 type="circle",仪表盘为 type="dashboard" 并可用插槽自定义内容;不定进度为 :percentage="50" indeterminate :duration="3";斜纹为 striped striped-flow。

适用场景:上传进度、任务完成、加载状态与状态指示。

限制:资料未提供安装命令、版本要求、平台兼容性、收费或定价信息;资料仅列出最佳实践:紧凑展示用 circle,未知进度用 indeterminate,自定义文本用 format。