Components/ProgressBar
Since 1.0.0BETA

ProgressBar

Multi-state progress bar with loading feedback

This page was migrated by AI, please review carefully

Migration is complete, but please validate against source code and manual review.

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

EXAMPLE.VUE
<template>
  <TxProgressBar :percentage="45" show-text />
  <TxProgressBar loading />
</template>

API (Brief)

PropertyTypeDefaultDescription
percentageProgress percentage
loadingIndeterminate loading state
statussuccesserrorwarning-Status tone
message-Custom label
showTextShow percentage text
maskVariantsoliddashedplainTrack style
flowEffectnoneshimmerwaveparticlesFlow overlay effect

Composite Patterns

Status Panel

Progress bars paired with status text.

Demo loads on client.
Was this helpful?