The Progress Bar block displays real-time progress toward a goal, helping visitors see momentum and feel encouraged to take part.
Adding a progress bar
Drag the Progress Bar block from the Content sidebar onto your page.
Select the block and click Edit.
Choose a source
The source defines what the bar counts:
Signups – the number of form submissions on this landing page.
Donations – the total of completed donations, shown as a currency amount. Optionally enter a donation code to count only donations with that code; leave it empty to count all donations on the page.
Target audience – the number of people currently in a target audience you select.
Custom conversions – the number of tracked custom-conversion clicks on this landing page, such as clicks on a "Send email"
mailto:button or any other element you want to measure. To use this, first enable custom conversions in the landing page settings and add the tracking snippet to the element you want to count. Until conversions are enabled and tracked, the bar shows 0.
Set the goal
Objective – your target value. Leave it empty to show just the live count without a bar.
Start with – an optional baseline added to the count (for example, start the bar at 500).
Headline and text after the count – an optional title and unit label (such as "supporters").
The count loads live when the page opens and animates up to the current value. The fill is capped at 100%. Donation totals are formatted in your donation currency and the page's language.
Styling
Customise the primary colour (bar and figure), secondary colour (text), background colour or transparency, rounded edges, and add custom CSS.