Meter
GraphMeter
Progress bar drawn with = characters. Empty slots stay as dashes.
Command
pnpm dlx shadcn@latest add <origin>/r/graph-meter.jsonShipped
Dashes stay empty until the fill animates in.
67%
characters, not a progress bar
67 percent characters, not a progress barCoverage
Fewer ticks. Tighter meter.
92%
tests passing
92 percent tests passingProps
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| value | number | — | 0 to 1. |
| ticks | number | 14 | Number of character slots. |
| caption | string | — | Muted line under the meter. |
| glyphs | "shade" | "ascii" | "hash" | "bar" | string[] | "shade" | Character set. shade is ·░▒▓█. ascii is .- =#@. Pass a preset or your own characters. |
| corner | string | "+" | Character at each corner of the frame. |
| className | string | — | Passed to the outer frame. |