The Progress Bar component can be used to display things like health bars or level progress.
| Name |
Set the name of the Progress Bar Used to identify Inputs & Outputs in the User Interface Node |
| Progress Direction | Set the direction the progress bar should fill |
| Amount |
Set the value of the progress bar Note: For a dynamic progress bar this value will need to be fed by another node |
| Max Amount | Set the max amount of the progress bar. This is the point when the progress bar 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 progress bar |
| Colors | Set the colors of different parts of the progress bar |
| Roundness | Set the roundness of the bar's corners |
| Background Image | Set an image to be used as a texture on the background |
| Bar Image | Set an image to be used as a texture on the bar |
| 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 progress bar |
| Auto Alignment | Automatically update the progress bar's alignment as it is moved around the canvas to the nearest alignment point |
| Alignment | Set the screen region to align the progress bar with |
| Width/Height | Set the Width & Height of the progress bar |
| X/Y | Set the X & Y screen position relative to the set alignment point |
| Visible | Set the progress bar's visibility * Note that invisible progress bars will not be visible during gameplay but will remain visible in the UI Editor canvas |
| Transition | Set how the progress bar should appear/disappear when it is made visible or invisible |
| Rotation | Set the rotation of the progress bar |
Tap Inputs & Outputs in the UI editor's Properties menu to define which inputs are enabled for sending data into your progress bar.
By default the Amount input will be automatically enabled.
| Position X & Y | Input values to adjust the X or Y position of the progress bar |
| Rotation | Input values to adjust the rotation of the progress bar |
| ↳ As Degrees | Use input value as degrees |
| Scale | Input values to adjust the scale of the progress bar |
| Opacity | Input values to adjust the opacity of the progress bar |
| Amount | Input the value to be visualized by the progress bar |
| Max Amount | Input a value to be used as the max amount for the progress bar |
| Colors | Input colors to change the colors of different parts of the progress bar |
| Visible | Input values to adjust the visibility of the progress bar |
| Collapsed | Make the progress bar invisible and adjust position of surrounding components to fill the empty space *Note: Only works if the progress bar is embedded in a vertical or horizontal layout |