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.
Demo loads on client.
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 | successerrorwarning | - | Status tone |
| message | - | Custom label | |
| showText | Show percentage text | ||
| maskVariant | soliddashedplain | Track style | |
| flowEffect | noneshimmerwaveparticles | Flow overlay effect |
Composite Patterns
Status Panel
Progress bars paired with status text.
Demo loads on client.
Was this helpful?