Skip to content

view on a desktop screen for a better experience.

meter

GraphMeter

Progress bar drawn with = characters. Empty slots stay as dashes.

shipped

Dashes stay empty until the fill animates in.

[ SHIPPED ]

67%

characters, not a progress bar

67 percent characters, not a progress bar

MDX

```
+------------------ [ SHIPPED ] -------------------+
|                                                  |
| [=========-----]  67%                            |
| characters, not a progress bar                   |
|                                                  |
+--------------------------------------------------+
```

install

command

coverage

Fewer ticks. Tighter meter.

[ COVERAGE ]

92%

tests passing

92 percent tests passing

MDX

```
+------------------ [ COVERAGE ] ------------------+
|                                                  |
| [=========-]  92%                                |
| tests passing                                    |
|                                                  |
+--------------------------------------------------+
```
[ PROPS ]
PropTypeDefaultDescription
titlestringCaption drawn on the top edge of the frame.
valuenumber | "67%"0 to 1.
ticksnumber14Number of character slots.
captionstringMuted line under the meter.
glyphs"shade" | "ascii" | "hash" | "bar" | string[]"shade"Character set. shade is ·░▒▓█. ascii is .- =#@. Pass a preset or your own characters.
palette"mono" | "duo" | "multi""mono"mono is one accent plus muted. duo paints the second series with --graph-accent-2. multi cycles three accents.
cornerstring"+"Character at each corner of the frame.
classNamestringPassed to the outer frame.