The Progress Circle component can be used to display events such as the passage of time or the opening of a door.
| Name | Set the name of the Progress circle Used to identify Inputs & Outputs in the User Interface Node |
| Clockwise | If enabled, the circle will progress in a clockwise direction |
| Amount | Set the value of the progress circle Note: For a dynamic progress circle this value will need to be fed by another node |
| Max Amount | Set the max amount of the progress circle. This is the point when the progress circle is full. |
| Copy/Paste Style | Copy the current properties to the UI Editor clipboard or paste the properties currently saved in the clipboard to this component |
| Bar color | Set the color of the circle |
| Outline color | Set the outline color of the circle |
| Outline thickness | How thick the outline should be |
| Inner radius | Controls the size of the empty space inside the progress circle. 0.0: progress circle appears as a full pie chart — note: if there's an outline, it will be visible at the center 0.95: the circle becomes a thin ring |
| Start angle | Adjusting this value changes the point around the circle where the filling animation starts. |
| Inputs and Outputs | Open the Inputs and Outputs menu to select what Inputs and Outputs will be visible in the User Interface Node for this component |
| Auto Alignment | Automatically snap the circle to the nearest alignment point as you move it around the canvas |
| Alignment | Choose which part of the screen the circle should align to |
| Width/Height | Set the Width & Height of the circle |
| X/Y | Set the circle’s position (X and Y) relative to the chosen alignment point |
| Visible | Show or hide the circle. Note that while invisible components will not be visible during gameplay, they will remain visible in the UI Editor canvas |
| Transition | Set how the progress circle should appear/disappear when it is made visible or invisible |
| Rotation | Set the rotation of the progress circle |
Tap Inputs & Outputs in the UI editor's Properties menu to define which inputs are enabled for sending data into your progress bar.
| Position X & Y | Input values to adjust the X or Y position of the progress circle |
| ** Rotation** | Input values to adjust the rotation of the progress circle |
| ** ↳ As Degrees** | Use input value as degrees |
| Scale | Input values to adjust the scale of the progress circle |
| Opacity | Input values to adjust the opacity of the progress circle |
| Amount | Input the value to be visualized by the progress circle |
| Max Amount | Input a value to be used as the max amount for the progress circle |
| Bar Color | Input different colors for the circle |
| Visible | Input values to adjust the visibility of the progress circle |
| Collapsed | Make the progress circle invisible and adjust position of surrounding components to fill the empty space *Note: Only works if the progress circle is embedded in a vertical or horizontal layout |