LinearProgress

A thin progress bar that appears after a 1 second delay. Pass value for a determinate bar.

Installation

pnpm dlx shadcn@latest add @chelone/linear-progress

A thin progress bar that appears after a 1 second delay. Pass value for a determinate bar.

Props

PropTypeDefaultDescription
maxnumber—Maximum value used to compute the fill percentage.
timeoutnumber—Delay in milliseconds before showing the progress bar.
valuenumber—When provided, switches to determinate mode and renders the bar at `(value / max) * 100` percent width.