Vertical Progress Bar Web Flow Template

vertical0.png

Overview

This Web Flow template has pre-configured components allowing builders to present users with a progress bar that displays multiple steps. From Activity Builder, this Web Flow can be tailored to provide users with a customized experience.

Vertical Progress Bar Web Flow template components

This Web Flow contains a Vertical Progress Bar Web Page with the following components:

• A Container control including:

  • A Container with two Image controls depicting the first step of the vertical bar

  • A Container with two Label controls with a title and instructions for the user

• A second Container control including:

  • A Container with two Image controls depicting the second step of the vertical bar

  • A Container with two Label controls with a title and instructions for the user

• A third Container control including:

  • A Container with two Image controls depicting the third step of the vertical bar

  • A Container with two Label controls with a title and instructions for the user

• A Container including a Button control that runs the Continue Event.

Events

In Journey Builder, the application’s path can be extended by adding an action or a node to the Journey following the Continue Event.

Use Cases

• Present users with a progress bar to follow instructions step by step from the app.