UI画像の一部の色をかえ

画像のような感じで、UIに表示した画像の一部の色を変えたい(下から徐々に変わって最終的には全部変わる)
と思っているのですが、どのような方法があるでしょうか?

自分的には下に色を変えた画像を表示して、上の画像をマスクしていけば良いのではないか、
と考えたのですが、こちらもうまくいきませんでした。
(マスク用の黒テクスチャをタイリングなり拡大なりしていけば良いのではないかと思いましたが、
元画像と同じサイズに引き伸ばされてしまうので意味がありませんでした…)

よろしくお願いいたします。

自己解決しました。

 1.パレットからImageではなくProgressBarとして登録

 2.Style の Draw As を Image にし、BackgroundImage と Fill Image にそれぞれ裏側と表側にしたい画像を登録

 3.ProgressのPercentを目的にあった内容の関数でバインド

 4.変化したい方向性を Bar Fill Type で変更

で目的が果たせました。

自己解決で問題が解決している場合でも、このスレッド自体を解決済みにしていただくようお願いします。

Answerhub クイックスタートヘルプ日本語訳