s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Feedback and overlays

ProgressBar

Props for ProgressBar component

Public export

typescript 
import { ProgressBar } from '@happyvertical/smrt-ui/feedback';
Import path
@happyvertical/smrt-ui/feedback
Props
7
Props described
7 of 7
Bindable state
0
Callback events
0
Verified release
0.44.0

Props

NameTypeRequiredDescription
valuenumberYesCurrent value (0-100 or custom range)
maxnumberNoMaximum value (default 100)
status'default' | 'healthy' | 'warning' | 'critical' | 'over'NoStatus determines color
showLabelbooleanNoShow percentage label
labelstringNoCustom label text
size'sm' | 'md' | 'lg'NoSize variant
showValuebooleanNoShow value over max (e.g., "75/100")

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Examples and explanation

Feedback & Overlays Run the canonical package-owned example in the Playground. UI showcase Read the curated UI story for mechanism and usage guidance. smrt-ui package reference See package status, version, limitations, and all public subpaths.