# Make a progress bar in Defold

**URL:** <https://forum.defold.com/t/make-a-progress-bar-in-defold/68540>\
**Category:** Source Code\
**Created:** [May 28, 2021, 2:41pm UTC](https://forum.defold.com/t/make-a-progress-bar-in-defold/68540 "2021-05-28T14:41:45Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lecricreator](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/lecricreator/32/24037_2.png) [@Lecricreator](https://forum.defold.com/u/Lecricreator)\
**Post date:** [May 28, 2021, 2:41pm UTC](https://forum.defold.com/t/make-a-progress-bar-in-defold/68540/1 "2021-05-28T14:41:46Z")

</div>

Hey !!!  
I made a project that shows 3 ways to make a progress bar.  
In this project, there will be three different approaches :

[![](https://raw.githubusercontent.com/lecricreator/progress-bar/main/image/progress_bar.gif) ](https://raw.githubusercontent.com/lecricreator/progress-bar/main/image/progress_bar.gif)  
**The player life bar** (file: progress\_box). Will allow to see how to make a progress bar without image just with the GUI boxes and change the colour of the progress bar according to the player’s life.

[![image life](https://github.com/malamiamato/progress-bar/raw/main/image/life.gif)](https://github.com/malamiamato/progress-bar/blob/main/image/life.gif)

- **The loading bar** (file: progress\_image). Will allow to see how to make a progress bar with an image (using the clipping mode).

[![image loading](https://github.com/malamiamato/progress-bar/raw/main/image/load.gif)](https://github.com/malamiamato/progress-bar/blob/main/image/load.gif)

- **The progress bar** (file: progress\_marker). Will allow to see how to put markers, according to the objectives of the player.

[![image progress](https://github.com/malamiamato/progress-bar/raw/main/image/progression.gif)](https://github.com/malamiamato/progress-bar/blob/main/image/progression.gif)

This project is far from perfect, but it helps to understand how to make a progress bar for beginners. If you notice any mistakes or other issues, please let me know so that I can modify it.

This project : [GitHub - lecricreator/progress-bar · GitHub](https://github.com/malamiamato/progress-bar)

---

<div class="post-metadata">

**Author:** ![britzl](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/britzl/32/23_2.png) [@britzl](https://forum.defold.com/u/britzl)\
**Post date:** [May 28, 2021, 4:49pm UTC](https://forum.defold.com/t/make-a-progress-bar-in-defold/68540/2 "2021-05-28T16:49:26Z")

</div>

> [@Lecricreator](#):
>
> This project is far from perfect, but it helps to understand how to make a progress bar for beginners

This is great! Thank you for sharing!

---

<div class="post-metadata">

**Author:** ![Lecricreator](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/lecricreator/32/24037_2.png) [@Lecricreator](https://forum.defold.com/u/Lecricreator)\
**Post date:** [May 28, 2021, 6:04pm UTC](https://forum.defold.com/t/make-a-progress-bar-in-defold/68540/3 "2021-05-28T18:04:42Z")

</div>

> [@britzl](#):
>
> This is great! Thank you for sharing!

Thank you, I didn’t see any help to do it on defold and since I have no money this is my only way to thank you for this amazing engine. 😁