# Progress Barと上の文字の色を反転させたい

**URL:** <https://forums.unrealengine.com/t/progress-bar/1157431>\
**Category:** 日本語 (Japanese)\
**Tags:** progress-bar, unreal-engine, Widget, question\
**Created:** [May 7, 2023, 9:06am UTC](https://forums.unrealengine.com/t/progress-bar/1157431 "2023-05-07T09:06:35Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![turbotanaka](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@turbotanaka](https://forums.unrealengine.com/u/turbotanaka)\
**Post date:** [May 7, 2023, 9:06am UTC](https://forums.unrealengine.com/t/progress-bar/1157431/1 "2023-05-07T09:06:35Z")

</div>

Progress Barの上に表示している文字を読みやすくするために、文字の色とProgress Barの色を反転させたいです。  
 ![tairyoku](https://d3kjluh73b9h9o.cloudfront.net/original/4X/5/6/c/56c5dc2c8a36b2d7412c9c9fe7222210fad759bb.png)  
上の図のようにProgress Barの進行状況の上に文字がある場合は文字色、ない場合はバーの色にするような感じです。このような挙動は実装可能でしょうか？

---

<div class="post-metadata">

**Author:** ![3dRaven](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/3draven/32/906552_2.png) [@3dRaven](https://forums.unrealengine.com/u/3dRaven)\
**Post date:** [May 7, 2023, 5:14pm UTC](https://forums.unrealengine.com/t/progress-bar/1157431/2 "2023-05-07T17:14:56Z")

</div>

![1](https://d3kjluh73b9h9o.cloudfront.net/original/4X/a/7/4/a745fe48884e3adff58ab06a786a904a5141ba21.png)  
 ![2](https://d3kjluh73b9h9o.cloudfront.net/original/4X/d/5/e/d5e8de45286505423cca5c5e01af5fd9a1cc37df.png)  
 ![3](https://d3kjluh73b9h9o.cloudfront.net/original/4X/8/8/9/889539923543354ea25c1487d2878a6d0eb1e8a6.png)  
 ![4](https://d3kjluh73b9h9o.cloudfront.net/original/4X/1/b/2/1b2ad97ec2156a1f75e660ad1642e4a146ff9e9f.png)  
 ![5](https://d3kjluh73b9h9o.cloudfront.net/original/4X/c/a/9/ca9a2a06b34ae293bc6b0e552af49bca0d99a191.png)  
 ![6](https://d3kjluh73b9h9o.cloudfront.net/original/4X/0/f/9/0f9408781284894733538b2852d5a8e995d9812b.png)  
 ![7](https://d3kjluh73b9h9o.cloudfront.net/original/4X/d/8/7/d87659434ec856b4a973ddc4c2aeefdaf4885953.png)  
 ![8](https://d3kjluh73b9h9o.cloudfront.net/original/4X/d/8/d/d8df7dd851eec198a780c8566feb3926257026bc.png)

Progress Bar BP (unreal 5.1)  
[ProgressBarBP.uasset](https://forums.unrealengine.com/uploads/short-url/cm5v9qgFaT791NBZd4Oat3m261K.uasset) (114.6 KB)

key 1 add 0.1  
key 2 remove 0.1

Remove keyboard keys later from BP

キー 1 追加 0.1  
キー 2 削除 0.1

後で BP からキーボード キーを削除する

 ![9](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/7/9/2791606dfbe8732eebf8f48078f80f469b8fc9ba.png)  
 ![bar](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/0/1/201ea53cd8335db84a31f657564218fa934d53e6.jpeg)

---

<div class="post-metadata">

**Author:** ![turbotanaka](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@turbotanaka](https://forums.unrealengine.com/u/turbotanaka)\
**Post date:** [May 8, 2023, 5:37am UTC](https://forums.unrealengine.com/t/progress-bar/1157431/3 "2023-05-08T05:37:12Z")

</div>

参考になりました！ありがとうございます！