AI Components / Progress Steps
Progress Steps
Horizontal multi-phase progress bar with status icons and duration display.
ai-essentials v0.5.0
Playground
Examples
Pipeline
<ai-progress-steps style="max-width:500px;"></ai-progress-steps>Import
import { AiProgressSteps } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-progress-steps';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
phases | {label, status, duration?}[] | — | Phase list |
compact | boolean | false | Compact mode |