This document provides steps for using a progress bar control in an application. It outlines adding new steps to a steps tree to define a window with a title and progress bar, setting their properties, and displaying the window at runtime. The steps include selecting components from the components browser to add a new window and progress bar, setting their properties, and viewing the final steps tree and application during runtime.

1. PWCT 1.9 Art Documentation ( http://doublesvsoop.sourceforge.net )
2006-2013, Mahmoud Fayed ( msfclipper@users.sourceforge.net )
_____________________________________________________________________________________
Table of contents
1 - Introduction
2 - Implementation steps
3 - Final Steps Tree
4 - Application during the runtime
1 - Introduction
In this lesson we are going to learn how to use the Progressbar control.
2 - Implementation Steps
Fig. (1) Goal Desginer - Steps Tree
Select the step (The First Step)
We will start now new interaction process to generate new steps to our steps tree.
The slow way (Using Mouse):
1 - Click Interact to open the components browser
2 - Select the domain (Windows)
3 - Select the component (Define New Window)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (Define New Window)
Note : Stop typing when you see the required component is selected

2. Fig. (2) Component Browser – Select the component (Define New Window)
After selecting the component click Ok or press ENTER
Fig. (3) Interaction page - Set the properties and enter the required data as in the image above

3. Fig. (4) Form Designer
Fig. (5) Goal Desginer - Steps Tree
Select the step (Window Controls)
We will start now new interaction process to generate new steps to our steps tree.
The slow way (Using Mouse):
1 - Click Interact to open the components browser
2 - Select the domain (Controls)
3 - Select the component (Progress Bar)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (Progress Bar)
Note : Stop typing when you see the required component is selected

4. Fig. (6) Component Browser – Select the component (Progress Bar)
After selecting the component click Ok or press ENTER
Fig. (7) Interaction page - Set the properties and enter the required data as in the image above

5. Fig. (8) Form Designer
Fig. (9) Goal Desginer - Final Steps Tree
3 - Final Steps Tree
The First Step
Define New Window ( win1 ) , Title : "Window Title"
Window Events
Window Properties
Window Controls
Define New ProgressBar (Progress1)
Events
Properties
End Of Window
Activate window
4 - Application during the runtime

6. Fig. (10) Application during the runtime