ProgressBar 进度条

更细颗粒的进度反馈，支持 loading / success / error。
状态：Beta

Demo

Stateful Progress

加载、警告、成功态一屏展示。

示例即将加载...

<template>
  <TxProgressBar :percentage="32" show-text />
  <TxProgressBar :percentage="68" status="warning" show-text />
  <TxProgressBar success message="完成" />
  <TxProgressBar loading message="同步中" />
</template>

基础用法

<template>
  <TxProgressBar :percentage="45" show-text />
  <TxProgressBar loading />
</template>

API（简版）

属性名	类型	默认值	说明
percentage			进度百分比
loading			不确定加载态
status	successerrorwarning	-	状态色
message		-	自定义文本
showText			显示百分比
maskVariant	soliddashedplain		底部轨道样式
flowEffect	noneshimmerwaveparticles		流动效果

组合示例

状态面板

进度条配合状态提示使用。

示例即将加载...

<template>
  <TxProgressBar :percentage="80" show-text message="上传中" />
  <TxStatusBadge text="进行中" status="warning" />
</template>