ProgressBar
Visual progress indicator. Display health bars, loading screens, experience points, and completion percentages.
UI
No shortcutBeginner7 min readQuick Reference
ProgressBar
Godot EngineKeyboard Shortcut
N/A
Where to Find
Scene dock — Create New Node > Control category
Best Used For
- ▸Build menus, HUDs, and inventory screens
- ▸Create responsive layouts with containers
- ▸Handle button clicks and input field events
Beginner-Friendly⏱ 15–30 minutes to master
Key Settings
Add:Value:Update:Style:
ProgressBar displays a visual progress indicator. Use it for health bars, experience points, loading screens, timers, and any fillable meter.
Where to Find It
Found under Control > Range in Create New Node dialog. Search for "ProgressBar".
How to Use
- Add: Add a ProgressBar to your UI.
- Value: Set Value (0-100) to control the fill amount.
- Update: Change value in code:
progress_bar.value = health. - Style: Customize the fill and background in the Theme property.
Pro Tips
- Use Tween to animate health bar changes smoothly.
- Set Min and Max for custom value ranges.