Usage Meter
Usage meters for quotas, storage, metered billing, prepaid credits and plan limits, with projections and upgrade prompts.
Usage meters show how much of a limit is used and what happens next. Usage is within limit, nearing it from 80%, critical from 95% and over past 100%, and each status has an icon and a label, so colour never carries it alone. Projections take the average daily rate so far to the end of the period, drawn as a striped segment on the bar. When usage or a projection goes past the limit, the bar extends and the limit shows as a tick. Pass fixed dates, so the blocks render the same on the server and in the browser.
Quota
An API quota with its status, when it resets and the usage it's on pace for, with the date it would hit the limit.
On pace for 10,104 requests by the reset. At this rate you reach the limit around .
Storage Ring
Storage used as a ring in its status colour, with the space that's free.
Metered Billing
Usage against what the plan includes, with overage past the limit and what it will cost.
- Events1.2M of 1M events included$0.50 per 1K events+240K events · $120.00
- Seats12 of 10 seats included$15.00 per seat+2 seats · $30.00
- Bandwidth312 of 500 GB included$0.08 per GB188 GB left
Prepaid Credits
A credit balance with the average daily use, the date it runs out and a strip of recent days.
- Avg per day
- Runs out
- 1,236
Storage Breakdown
Storage by category as one segmented bar, with each category's size and share.
- Images28.6 GB29%
- Videos18.2 GB18%
- Documents12.4 GB12%
- Other8.3 GB8%
Plan Limits
Every limit on a plan, flagging the ones nearly reached and prompting an upgrade.
- Team members4 / 5, Nearing limit
- API calls6,120 / 10K
- Storage4.9 / 5 GB, Critical
- Emails sent450 / 1K
Liquid Gauge
What's left as a liquid that drains as usage grows and turns amber, then red. It's a meter for screen readers, and the wave stops for reduced motion.
- Used
- 430 MB
- Available
- 71%
- Resets in
- 27 days