Progress Bar Overview

WestOderman

1 From the Decisions Studio, select CREATE FLOW from the Global Action Bar, then CREATE a new Flow.

2 From the Flow Designer, attach a Create Data step from the FAVORITE STEPS category of the Toolbox tab. 

3 From the Properties tab of the newly added step, select SHOW EDITOR.

4 From the Data to Create window, provide a NAME, and select Double from the TYPE drop-down. Constant map the level of completion (in this case, "40"), then Save and close the window.

5 Attach a Show Form step to the Create Data step; select PICK OR CREATE FORM from the Properties tab, then CREATE a new Form.

6 Design the Form by providing a Text Box labeled "Email Address", a Button labeled "Submit", and a Progress Bar component. From the Properties tab of the Progress Bar, change the Max value to "100". Then Save and close the Form. 

7 From the Flow Designer, select the Show Form step's Properties, and map the OUTPUT from the Create Data step to the Progress Bar's INPUT. Then, set the Email Address Text Box to Ignore. 

8 From Toolbox > DATA > NUMBERS, attach an Add step to the Submit path of the Form step. Map the Create Data step's Output to Value1, then Constant map "10" to Value2.

9 Attach an additional Show Form step to the Done path of the Add step, select PICK OR CREATE FORM, then CREATE another Form. 

10 Design this Form similar to the first by providing a Submit Button, a Progress Bar with the Max set to 100, and another Text Box. Label the Text Box "Phone Number", then Save and close the Form. 

11 Back in the Flow Designer, connect Submit to the End step. Then, select the newly configured Form and map Add_Output to the Progress Bar; set Phone Number to Ignore. 

12 Save the Flow, then if desired, close via X. 

from: https://documentation.decisions.com/v9/docs/progress-bar