Progress

A bar that fills to a given percentage, horizontally or vertically.

import { Progress } from '@jbpark/ui-kit';

<Progress value={50} />;

x

25%

x

50%

x

75%

x

100%

x

x

x

x

Props

Prop	Type	Default
value	number	-
direction	'horizontal' | 'vertical'	'horizontal'
classNames	{ background?: string; bar?: string }	-
className	string	-

value is clamped to 0–100. Progress also accepts the rest of React.ComponentPropsWithoutRef<'div'>.