Skip to content
Feedback

Progress

A determinate or indeterminate bar.

import
import { Progress } from '@joshicodes/cock';

Bars

Getting it up 42%

API

Read out of the component sources at build time, so it matches the version you installed. Every component also takes class, merged through tailwind-merge so your utility wins.

Props of Progress

PropTypeDefault
value

`undefined` renders an indeterminate bar.

number—
max
number100
size
'sm' | 'md' | 'lg''md'
variant
'accent' | 'success' | 'warning' | 'danger''accent'
label
string—
class
string—

See also

cock. Yes, it stands for core component kit. We checked twice.