Checkout & payments
A bar that shows how close a reward is turns 'good enough' into 'just a little more'
A visible progress bar toward a reward — like '$12 from free shipping' — pulls users to complete the goal and often lifts average order value.
How to show progress toward rewards and goals
A cart that shows only a list of items and a total gives the shopper no reason to add anything more — and no sense that a reward is even in play. If free shipping kicks in at $75 and the cart sits at $63, the shopper who’d happily add a $12 item to qualify never learns they were that close. The incentive exists, but invisibly, so it changes no behavior.
The fix is to make progress toward the reward visible. A short bar reading “$12 away from free shipping”, filling as the cart grows, turns an abstract threshold into a concrete, almost-complete goal. People are pulled to close small gaps — a nearly full bar is itself a nudge — so surfacing the distance to the reward often lifts average order value while feeling like help, not pressure.
Start by showing the gap, not just the rule — “$12 to go” beats a static “Free shipping over $75” because it’s personalized to this cart and updates live. Keep the reward genuine and reachable; a threshold so far above the cart that it feels hopeless demotivates instead. Pair it with honest shipping costs shown before checkout so the math is trustworthy, and lean on the same completion psychology that makes progress bars work in multi-step forms.
- Show the remaining gap — “$12 to free shipping” — not just the static threshold rule.
- Use a filling bar so the visible progress itself pulls the shopper to complete it.
- Keep the reward reachable — a distant, hopeless threshold discourages rather than motivates.
- Update it live as items are added so the feedback is immediate and personal.
- Keep the underlying costs honest so the incentive builds trust instead of spending it.
Frequently asked questions
Does a progress bar toward a reward actually increase order value?
It often does, because it makes a reachable reward salient at the moment of decision and taps the natural pull to complete an almost-finished goal. The effect is strongest when the remaining gap is small and the reward is desirable. A huge gap or an unappealing reward won't move anyone, but surfacing a near-threshold nudge tends to lift baskets that were already close.
What kinds of goals work beyond free shipping?
Any real threshold with a reward: free shipping, a gift-with-purchase tier, a loyalty-points milestone, a bulk discount, a 'spend X, save Y' break. The pattern also works outside carts — profile completion, onboarding steps, or progress toward a loyalty status. The requirement is a genuine reward and a measurable distance to it.
Can showing progress ever backfire?
Yes, if the goal feels unreachable or the reward feels manipulative. A bar showing the shopper is $60 away from free shipping reads as 'not worth it' and can even discourage checkout. Set thresholds a meaningful share of carts can realistically reach, and make sure the reward is something people actually want.
Where should the progress indicator appear?
Where the goal is acted on — in the cart and mini-cart for a spend threshold, since that's where adding an item happens. Keep it visible as the total updates so cause and effect are obvious. For non-cart goals like onboarding, put the bar wherever the next step is taken, so progress and action stay together.
