Progress 进度

线性进度用于呈现任务阶段与节奏变化。
状态：Beta

Demo

Progress States

基础进度 + 状态色

示例即将加载...

<template>
  <TuffProgress :percentage="40" />
  <TuffProgress :percentage="72" status="warning" />
  <TuffProgress :percentage="100" status="success" />
</template>

基础用法

<template>
  <TuffProgress :percentage="60" />
  <TuffProgress :percentage="60" :show-text="false" />
</template>

交互契约

TuffProgress 是标准进度行的轻量入口，会把 percentage、status、stroke width、不确定进度和文本格式透传到当前 TxProgressBar 实现。确定进度会暴露 role="progressbar" 与 aria-valuenow；不确定进度不会暴露 aria-valuenow。

API（简版）

属性名	类型	默认值	说明
percentage			进度百分比
status	successwarningerror	-	状态色
indeterminate			不确定进度
strokeWidth			进度条高度 px
showText			显示外部百分比文本

组合示例

进度行

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

示例即将加载...

<template>
  <TuffProgress :percentage="60" />
  <TxStatusBadge text="进行中" status="warning" />
</template>