TProgressBar / 进度条(子条)
ProgressBar is a child component used inside TProgress for stacked progress bars. Each bar has its own value, color, and style. / ProgressBar 是 TProgress 的子组件,用于多条堆叠进度条,每条有自己的值、颜色和样式。
Props / 属性
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | Current value (required) |
max | number | 100 | Maximum value |
color | TablerColor | 'primary' | Bar color |
striped | boolean | false | Striped style |
showLabel | boolean | false | Show percentage label |
Basic Usage / 基础用法
vue
<template>
<TProgress>
<TProgressBar :value="30" color="success" />
<TProgressBar :value="20" color="warning" />
<TProgressBar :value="15" color="danger" />
</TProgress>
</template>