All Collections
Building Blocks
Display
Progress block
Progress block

By using the progress block you can let people know how far they have advanced in your heyflow.

Heyflow avatar
Written by Heyflow
Updated over a week ago

Adding the progress block

  1. Drop and drag the progress block into your heyflow

  2. Adjust the displayed elements and style

  3. Add more progress blocks to the remaining screens

  4. Just publish your heyflow and you’re good to go!

Edit Options

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

  • 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

  • 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.

Did this answer your question?