With Setup Progress

About this block

With Setup Progress is a CTA that borrows the product onboarding checklist. One bordered panel splits into a copy half, headline, supporting line, and a single button, and a small onboarding card: an SVG progress ring reading two of three beside a three row checklist with two items struck through and one still active. The unfinished row is the same task the button offers to finish.

The checklist is a plain array with done flags, and the ring fill is a strokeDasharray value with the math noted in a comment, so shifting the story to one of four or three of five is a numbers edit. The card is decorative for screen readers, the copy carries the message. Everything is tokens, no images.

When to use

Reach for this block when the audience has already decided the product is plausible and just needs the task to feel small. A nearly finished checklist triggers completion instinct in a way the plain offers of with-guarantee or minimal-inline do not. It suits product led signups especially well. Pick with-stats when you still need to persuade, this block assumes persuasion is done.

A natural flow around it on a Marketing Pro page:

Before

• How It Works so the three steps echo a process the reader has seen
• Pricing with the decision already justified

After

• Footers to close out the page

What you can display

One strong use is the channel, lists, first send onboarding of a campaign tool. Other nearly done stories:

• Developer setup. Install the SDK, add the key, send the first event, with the button finishing step three.
• Team rollout. Workspace created, teammates invited, first project pending, for collaboration tools.
• Migration. Account connected, data imported, switch over pending, paired with a white glove offer.

Tip: always show the last step unfinished, a complete checklist congratulates instead of converting.