Progress Card Generator
Show progress toward any goal with a current / goal bar and percentage complete — perfect for fundraising, subscribers, savings, or challenges.
What is a progress card?
A progress card is an image showing how far along you are toward a defined goal — current value over goal, with a horizontal bar and percentage complete. Fundraisers use them to show campaign momentum, creators use them for follower-target announcements, fitness accounts post them for distance-this-month, founders use them for closing-round transparency. Progress cards convert well because they invite participation: a card showing "6,800 / 10,000 subscribers" makes a viewer feel they could be the one who ticks the counter forward. The Hub Tools generator pre-loads the progress template with a generous bar treatment, sober ocean-fade background, and lets you switch heading types so you can frame the card as "On track", "Help us hit", or a date-range. Pair it with the QR Code Generator for a goal-page QR or the Screenshot Mockup Generator for a phone-frame mock.
Content
Design
Size
Export
About progress card design
A progress card shows three layers of information: the goal label (~40px), the current/goal pair (~120px in accent color), the bar itself, and the percentage complete (~36px below the bar).
- The bar fills proportional to current ÷ goal, capped at 100% width visually
- Bar foreground uses the accent color; background uses 18% opacity of the primary text color
- Percentage rounds to one decimal place to give precision without overcrowding
- Cards can be stack-anchored (progress in the middle) or banner-anchored (progress at the bottom)