With Setup Progress
A CTA pairing copy and button with an onboarding card showing a progress ring and checklist.
A CTA pairing copy and button with an onboarding card showing a progress ring and checklist.
The Marketing Collection unlocks the source for every Marketing block. All Access unlocks every Collection.
Already purchased? Log in
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.
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
After
One strong use is the channel, lists, first send onboarding of a campaign tool. Other nearly done stories:
Tip: always show the last step unfinished, a complete checklist congratulates instead of converting.