Progress 进度条
Minecraft 风格进度条,适合加载资源、世界生成、下载与提交状态。
基础用法
正在生成世界64%
vue
<mc-progress :value="64" label="正在生成世界" />状态
资源加载80%
连接失败35%
vue
<mc-progress :value="80" label="资源加载" status="success" />
<mc-progress :value="35" label="连接失败" status="error" />不确定进度
正在搜索服务器...
vue
<mc-progress label="正在搜索服务器" indeterminate />Props
| 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|
value | number | 0 | 当前进度值 |
max | number | 100 | 最大值 |
label | string | '' | 左侧说明文本 |
showValue | boolean | true | 是否显示百分比 |
indeterminate | boolean | false | 是否为不确定进度 |
status | 'normal' | 'success' | 'error' | normal | 语义状态 |