Before you begin
Open Apps > Order Editing > Upsells > Content blocks.
Know the goal you want to communicate (for example, free shipping threshold messaging).
Normal strategies show this block with product offers by default. Enable If there are no products, continue to show the content block for a supported offer-list block, or lock a content-block-only strategy to a Checkout Editor app block by strategy ID.
Why this template helps
Use Progress bar when a visual goal makes the next add-on feel worthwhile. A filled bar plus a right-aligned caption nudges shoppers toward free shipping, gift tiers, or other milestones. Pair it with free shipping or cart-gap offers so the bar matches the products you recommend.
Create the block
Select Create content block.
Choose the Progress bar template.
Confirm or edit the internal Name.
Set Progress from 0–100% to control how full the bar appears.
Edit the Caption shown under the bar.
Optionally set an Accessibility label for screen readers (defaults to the caption when empty).
Set Tone to Default, or Critical when you need a red urgent style.
Set Status to Active when customers should see it, or keep Draft while you edit.
Set Display on to All Devices, Mobile, or Desktop.
Save the block.
Progress is a fixed percentage you set in the block. Update it when your campaign messaging changes. It does not calculate live cart totals by itself.
Add it to a strategy
Open an upsell strategy that supports the goal in the caption.
Place the progress bar above the product offers so the goal leads into the recommended products.
Save the strategy.
Preview the offer
Open the strategy preview and confirm the fill level and caption match the offer story.
Check readability on narrow layouts.
Review the checkout editor preview for the target placement when needed.