progress
Progress drawn with characters
The bar is not a div with a width: it is a row of monospaced characters between literal brackets, where advancing means swapping each cell's glyph from a shade to a solid block. The fill snaps to the type grid and the leading cell lights up like a cursor.
See it live and copy its promptWhat you can adjust
- Background
- Focus color
- File name
- Bar cells
- Cycle duration
- Glow strength
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
