@tekad/progress

TEKAD progress — a determinate or indeterminate progress bar.

Part of TEKAD UI — an Angular 22, standalone-only, signals-first component library. Guide · Source

Install

npm install @tekad/progress @tekad/theme

Requires Angular ^22.1.0.

Usage

Load the theme once (e.g. in styles.css):

@import '@tekad/theme/styles/tekad.css';

import { TekadProgress } from '@tekad/progress';

@Component({
  imports: [TekadProgress],
  template: `
    <tk-progress [value]="40" [max]="100" ariaLabel="Upload" />
    <tk-progress ariaLabel="Loading" />
    <!-- indeterminate -->
  `,
})
export class Example {}

value = null renders an indeterminate bar.

License

Apache-2.0 © Tejas Kadam