Shadcn UI Progress

Show progress with ShadProgress; determinate (value 0–1) or indeterminate. Use when displaying task completion or loading progress in a Flutter shadcn_ui app.

serverpod 8a3377d 725 B Updated

File contents

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.

serverpod/skills-registry/tree/main/skills/shadcn_ui/shadcn_ui-progress commit 8a3377d6a8

Frequently asked questions

npx skillmds@latest add serverpod/shadcn-ui-progress