Progress 进度条

Minecraft 风格进度条，适合加载资源、世界生成、下载与提交状态。

基础用法

正在生成世界64%

import { ref } from 'vue'
const value = ref(64)

状态

资源加载80%

连接失败35%

import { ref } from 'vue'
const value = ref(64)

不确定进度

正在搜索服务器...

import { ref } from 'vue'
const value = ref(64)

自定义颜色

通过 color 属性设置进度条颜色，设置后 variant 颜色不再生效。

下载资源包64%

加载世界64%

提交表单64%

import { ref } from 'vue'
const value = ref(64)

API

Props

名称	类型	默认	说明
value	number	0	当前进度值
max	number	100	最大值
label	string	-	左侧说明文本
showValue	boolean	true	是否显示百分比
indeterminate	boolean	false	是否为不确定进度
variant	'normal' | 'success' | 'error'	normal	语义状态
color	string	-	自定义进度条颜色，设置后 variant 颜色失效