Skip to content

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 / 属性

PropTypeDefaultDescription
valuenumberCurrent value (required)
maxnumber100Maximum value
colorTablerColor'primary'Bar color
stripedbooleanfalseStriped style
showLabelbooleanfalseShow percentage label

Basic Usage / 基础用法

vue
<template>
  <TProgress>
    <TProgressBar :value="30" color="success" />
    <TProgressBar :value="20" color="warning" />
    <TProgressBar :value="15" color="danger" />
  </TProgress>
</template>