shadcn_ui-progress

Shadcn UI — Progress

Instructions

ShadProgress displays completion progress, typically as a progress bar. Use determinate mode with a value (0.0–1.0); omit value for indeterminate (animated) progress.

Determinate

ConstrainedBox(
  constraints: BoxConstraints(
    maxWidth: MediaQuery.sizeOf(context).width * 0.6,
  ),
  child: const ShadProgress(value: 0.5),
)

Indeterminate

const ShadProgress()

Constrain width with ConstrainedBox or parent layout as needed.