Progress Bar Styles
Progress Bar Styles
The Statusline Editor provides several visual formats for tracking your usage limits (Rate 5h and Rate Week). These bars provide a high-density visual cue of how much of your quota remains before reaching Anthropic's API limits.
Available Styles
You can choose from six distinct visual styles to match your terminal's aesthetic. Each style uses standard UTF-8 characters compatible with most modern terminal emulators and fonts (like Geist Mono, Nerd Fonts, or Fira Code).
| Style | Preview Example | Description |
| :--- | :--- | :--- |
| Classic | ▓▓▓▓░░░░ | The default terminal look using high and low density blocks. |
| Diamond | ◆◆◆◆◇◇◇◇ | A clean, geometric look using filled and hollow diamonds. |
| Dot | ●●●●○○○○ | Minimalist circular indicators for a softer UI feel. |
| Line | ━━━━──── | Uses horizontal pipe segments for a sleek, continuous bar. |
| Gradient | █▓▒░░░░░ | Creates a fading effect using varying block densities (█, ▓, ▒, ░). |
| Emoji | 🟢🟢🟢🟢⚪ | High-visibility colored markers. The color of the filled segments automatically shifts from Green to Yellow to Red as you approach your limit. |
Configuration
To customize the progress bars:
- Select the Block: Click on either Rate 5h or Rate Week in the Blocks panel.
- Toggle Visibility: Use the Show bar toggle to enable or disable the visual progress indicator.
- Choose Style: Under Style cards, click the preview that matches your preferred look.
- Adjust Color: Use the ANSI color picker to set the primary color for the filled portion of the bar (except for the Emoji style, which uses fixed colors).
Visual Logic
- Fixed Length: All bars are normalized to a fixed character width (defaulting to 8 characters) to prevent the statusline from "jumping" or resizing as your usage changes.
- Color Thresholds: While you can set a custom ANSI color for the bars, the generated script includes logic to dim the "empty" portion of the bar, making it easy to distinguish remaining capacity from used capacity even in low-contrast environments.
- Emoji Exceptions: If you select the Emoji style, the editor overrides custom ANSI colors to use standard status emojis:
- < 50% Used: 🟢 (Green)
- 50% – 79% Used: 🟡 (Yellow)
- 80% – 100% Used: 🔴 (Red)