Component · C-020

Progress

Measures how much is left of a task with a known end. A numeric value is determinate; null communicates ongoing work without a percentage.

Install

Install koten-theme first when the project has no Koten tokens yet.

npx shadcn@latest add https://koten.codehive.com.co/r/progress.json

Accessibility

• Base UI exposes role progressbar with aria-valuenow, aria-valuemin and aria-valuemax; the label is associated.
• With value={null} the state is indeterminate and no invented percentage is announced.
• Color is not enough: the label and visible value identify the task and its advance.

Read the whole page

• Markdown page
• Agent index (llms.txt)
• Full documentation (llms-full.txt)

Koten UI · llms.txt · llms-full.txt · Markdown