统一的双健康栏 c#

Question

I have been looking around and there isn't much on this topic. I'm currently trying to make a dual health bar where if one is low the other rises, similar to a struggle system.

Like this:

So far I have created two 2d sliders in unity one with left to right anchor (the red one) and the other with a right to left anchor, however one is overlapped and and doesn't go below its original length but can go higher, I have tried changing the min and max values but this doesn't help.

How can I get it to become lower but at the same time make the other slider rise?

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class healthbar : MonoBehaviour
{
    public Slider slider;

    public void SetHealth(int health)
    {
        slider.value = health;
    }
}

This is my script for the red bar so far.

Answer 1

You don't need 2 health bars, you can cheat instead.

You can use just one red health bar with a green background.

the slider value being the ratio red/green

// note that both RedHealth and GreenHealth should be float
slider.value = RedHealth / (RedHealth + GreenHealth);