Vertical Progress Bar Web Flow Template Vertical Progress Bar Web Flow Template

Vertical Progress Bar Web Flow Template

Daiana Gallardo Daiana Gallardo

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.

progresswebpage.png

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.