Components / UI components / Feedback
FeedbackExperimental alpha

Progress

Named native progress for a measured amount or an explicitly unknown total.

Progress preview

Loading example…

Interactions use local sample data.

Usage and props

Use a numeric value only for measured work with a known denominator. The interactive example counts local sample steps; it does not claim real upload or AI completion progress.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

label: string · value?: number | null · max?: number · valueText?
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard