Progress Bar

Import

import {ProgressBar} from '@astryxdesign/core/ProgressBar';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

A horizontal bar showing the completion progress of a task. Use it for operations where the duration is known, or as an animated indicator when progress can't be calculated. Sup...

Important props

Theming targets

Best practices

• DoUse a determinate bar when the total amount of work is known, and indeterminate when it's not.
• DoChoose a color variant that matches the context: accent for general progress, success for completion, warning or error for alerts.
• DoAlways provide a label, even if hidden; screen readers need it to announce what's loading.
• Do notPlace icons or labels inside the bar; compose them alongside it using layout components.