Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA progress bar toward a target with a pace marker and a written ahead or behind figure.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Goals measured across a fixed period.
Do not use it when: Open-ended metrics with no target.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Metric name. |
current | number | - | Progress so far. |
target | number | - | Goal. |
dayOfPeriod | number | - | Elapsed days. |
daysInPeriod | number | - | Total days. |
unit | string | "" | Prefix. |
The progress bar has a name; the pace gap is stated in words. The pace marker is decorative.
The pattern ships with a test (kpi-target-progress.test.tsx). Tests drive the real interactions and the pure helper functions.