---
description: 2_Bindings
---

# BindFillingImage

Useful for health, stamina, whatever you need in a filling bar. This is what updates the health bar when you change the health variable. &#x20;

UICanvas/Bottom/Health Bar/Fill. &#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdBjwFr-T-luVWcqqnPy9ahf-TlkCqsXh1IDtD886yqbKbLOHn5RTQT0gQMo0VMtygpqf-IDZx2ecJMA1quyl9BUjDL2Rz2GHiGWXW8gKseg0LB15PX7tauVkkZgN4D4rW4tQHs_QT-gRQ3bX-LX56uIjs?key=rYLTnURk3bHoj7o_CLwGjQ" alt="" width="375"><figcaption></figcaption></figure>

In the example, I set the max Value to be the player Max Health variable.

<figure><img src="https://1391552916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWqhD9b0UbiZjyC9B8azX%2Fuploads%2FPytDR24F7vtsXyGFSlbO%2Fimage.png?alt=media&#x26;token=f0d65725-4690-430c-bcc9-c8eb1d0e5e1a" alt="" width="375"><figcaption></figcaption></figure>

However, if you prefer you can also specify to the binding component that you want to use the Max Value from the float variable itself. In that case, simply tick the option Use Variable Max Value:

<figure><img src="https://1391552916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWqhD9b0UbiZjyC9B8azX%2Fuploads%2Fp3hvPPw6GqeFhxUb9IGo%2Fimage.png?alt=media&#x26;token=55e64199-1896-4965-99b7-0f9f526c62a4" alt="" width="375"><figcaption></figcaption></figure>

Now, the component will use this value as a max value.&#x20;

<figure><img src="https://1391552916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWqhD9b0UbiZjyC9B8azX%2Fuploads%2FBjf9s6cbFTqrccCRV6lv%2Fimage.png?alt=media&#x26;token=3922820c-c380-489b-a1cd-fe2aef35594f" alt="" width="375"><figcaption></figcaption></figure>
