Skip to content

@agala-labs/ui

Progress

Shows determinate or indeterminate task progress.

Examples

Default
<AgalaProgress :value="72" color="success" />

Import

import { AgalaProgress } from '@agala-labs/ui'

API

PropTypeDefaultDescription
valuenumberProgress from 0 to 100.
variant'linear' | 'circular''linear'Presentation.
size'sm' | 'md' | 'lg''md'Indicator size.
color'primary' | 'success' | 'warning' | 'danger''primary'Semantic color.
indeterminatebooleanfalseShows unknown progress.

Accessibility

Exposes progressbar semantics and the determinate value when known.

Released under the MIT License.