# Special Circle Timer UI

**URL:** https://discussions.unity.com/t/special-circle-timer-ui/662135
**Category:** UGUI
**Tags:** UGUI
**Created:** [April 19, 2017, 10:53pm UTC](https://discussions.unity.com/t/special-circle-timer-ui/662135 "2017-04-19T22:53:27Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Kenne-Brookes](https://dub1.discourse-cdn.com/unity/user_avatar/discussions.unity.com/kenne-brookes/32/125308_2.png) [@Kenne-Brookes](https://discussions.unity.com/u/Kenne-Brookes)
#### Post date: [April 19, 2017, 10:53pm UTC](https://discussions.unity.com/t/special-circle-timer-ui/662135/1 "2017-04-19T22:53:27Z")

</div>

![3039233--227575--IMG_0020.JPG](https://europe1.discourse-cdn.com/unity/original/4X/6/5/3/653c5b6ad0be766dac36637a33a7c9231dbf8c51.jpeg) How would I make a UI radial-fill bar that is gradient-colored, like the one above: The base of the bar is yellow, and it slowly becomes orange.

Thanks

---

<div class="post-metadata">

### Author: ![methos5k](https://dub1.discourse-cdn.com/unity/user_avatar/discussions.unity.com/methos5k/32/387158_2.png) [@methos5k](https://discussions.unity.com/u/methos5k)
#### Post date: [April 20, 2017, 3:08am UTC](https://discussions.unity.com/t/special-circle-timer-ui/662135/2 "2017-04-20T03:08:18Z")

</div>

I did a quick test using 2 images (one over top of the other). I set their image type to “Filled” and Radial 360.  
From there, you can set the fill amount of 1 or both to accomplish what looks similar to your photo 🙂  
Give it a shot maybe and see what ya think?