UE4 User Interface Material, with different colors

257114-capture.png

H = Health
S = Shield or Bonus Health

I am trying to create material similar to this. Since I don’t have a lot of experience with materials for UI I am kinda getting lost.

This is what I have so far, I was thinking to add another Scalar parameter called “Shield”. If the shield is greater than 0 only then should there be that white layer. else whole bar should be green.