Progress Ring
pulld/progress-ringUnverifiedComponent
Circular (radial) progress indicator drawn with SVG stroke-dasharray, showing completion as a ring that fills clockwise from 12 o'clock with a smooth animated transition. Use it when a linear progress bar doesn't fit the space or you want the percent in the center — file/image upload progress, a usage or quota meter (storage, API credits, plan limits), a goal/completion or profile-strength tracker, a step or onboarding progress badge, or a countdown/timer dial. Set showValue to render the rounded percent in the middle, pass children for a custom center (icon or label), or set indeterminate to
Install it
npx shadcn@latest add https://raw.githubusercontent.com/yu-shell/pulld/main/progress-ring.jsonThis registry does not serve an item endpoint we could read, so we hold its metadata but not its source.
Files it writes
More from pulld
All 48 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Announcement Barannouncement-bar | pulld | Components | Unverified | 1 dep | |
| Autosize Textareaautosize-textarea | pulld | Components | Unverified | no deps | |
| Avatar Stackavatar-stack | pulld | Components | Unverified | no deps | |
| Bento Gridbento-grid | pulld | Components | Unverified | no deps | |
| Bulk Action Barbulk-action-bar | pulld | Components | Unverified | no deps | |
| Code Blockcode-block | pulld | Components | Unverified | no deps | |
| Command Palettecommand-palette | pulld | Components | Unverified | 1 dep | |
| Confirm Buttonconfirm-button | pulld | Components | Unverified | no deps |
