By using the Progress block, you can let people know how far they have advanced in your heyflow. It's important to show the progress, to be transparent about how many steps are yet to come in your flow.
Adding the Progress block
Drop and drag the progress block into your heyflow
Adjust the displayed elements (filled and total elements)
Choose your style of choice: rectangles, dots or a bar
Add more progress blocks to the remaining screens
Just publish your heyflow and you’re good to go!
💡 Tip: Consistency is important - make sure to use the same style for all progress blocks in your flow!
Edit Options
General
General
Filled elements: Determines the amount of progress completed.
Total elements: Determines the amount of progress in total.
Style: Choose from either dots, rectangles, or a bar visual style.
Spacing
Spacing
Width: Here you can adjust the maximum spread of the block and choose between S, M, L and maximum width.
Top, Bottom, Left, Right: You can use these options to set the distance to all sides. To do this, either use the slider or specify the exact number of pixels.
Appearance
Appearance
Visibility: Here you can choose whether the block is only displayed in the mobile or desktop version or whether it is hidden completely.
Background color: You can select a colour to be used as the background for the block.