ProgressBar
Multi-state progress bar with loading feedback
ProgressBar
Finer-grained progress feedback with loading / success / error states.
Status: Beta
Demo
Stateful Progress
Loading, warning, and success in one panel.
Interactive preview paused.
Basic Usage
<template>
<TxProgressBar :percentage="45" show-text />
<TxProgressBar loading />
</template>
API (Brief)
| Property | Type | Default | Description |
|---|---|---|---|
| percentage | Progress percentage | ||
| loading | Indeterminate loading state | ||
| status | - | Status tone | |
| message | - | Custom label | |
| showText | Show percentage text | ||
| maskVariant | Track style | ||
| flowEffect | Flow overlay effect |
Composite Patterns
Status Panel
Progress bars paired with status text.
Interactive preview paused.
Components