Minimalist Colored Usage Bar for Claude AI
Claude Color Usage Tracker
A minimalist, inline usage bar for Claude.ai that shows your session and weekly limits at a glance, right inside the chat input area.
Features:
Inline progress bar sits quietly at the bottom of the chat input box. No popups, no separate page to check.
Hover for details: hovering reveals a breakdown of your Current Session, Weekly Limit (All Models), and Weekly Limit (Opus), each with a percentage used and a countdown to reset.
Colour-coded warnings: bars shift from green to orange (60%+) to red (80%+) as you approach your limits, so you can see usage pressure without reading numbers.
Auto-refreshing: usage data updates automatically in the background (every 60 seconds) and refreshes instantly when you hover or return to the tab.
Lightweight and non-intrusive: built with plain JS, no dependencies, minimal DOM footprint, and designed to blend into Claude's existing UI styling (light and dark mode supported).
Smart re-attachment: automatically reattaches itself if Claude's interface re-renders or you navigate between conversations, so the bar never disappears.
How it works:
The script reads usage data directly from Claude's own organization usage endpoint (the same data Claude.ai already uses to power its built-in usage indicators), so no external servers or tracking are involved.
Note: This is an unofficial, community-made script and isn't affiliated with or endorsed by Anthropic. It relies on Claude.ai's internal API structure, so future site updates could occasionally require a script update to keep working.
