Feedback

Progress bar

Themed determinate or indeterminate progress bar with variant and size tokens.

Import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjProgressBarComponent } from '@kouji-ui/components';

Loading editor

value

min

max

variant

size

aria-valuetext

<kj-progress-bar
  [kjValue]="60"
  [kjMin]="0"
  [kjMax]="100"
  kjVariant="primary"
  kjSize="md"
  kjAriaLabel="Loading progress"
/>