# How to change colour of progress wheel according to label value in kibana canvas

**URL:** https://discuss.elastic.co/t/how-to-change-colour-of-progress-wheel-according-to-label-value-in-kibana-canvas/186028
**Category:** Kibana
**Tags:** canvas
**Created:** [June 17, 2019, 9:28am UTC](https://discuss.elastic.co/t/how-to-change-colour-of-progress-wheel-according-to-label-value-in-kibana-canvas/186028 "2019-06-17T09:28:58Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Malini\_Sahoo](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/malini_sahoo/32/46017_2.png) [@Malini\_Sahoo](https://discuss.elastic.co/u/Malini_Sahoo)
#### Post date: [June 17, 2019, 9:28am UTC](https://discuss.elastic.co/t/how-to-change-colour-of-progress-wheel-according-to-label-value-in-kibana-canvas/186028/1 "2019-06-17T09:28:58Z")

</div>

Hi, how to change colour of progress wheel according to label value in kibana canvas?

---

<div class="post-metadata">

### Author: ![tims](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tims/32/46750_2.png) [@tims](https://discuss.elastic.co/u/tims)
#### Post date: [June 17, 2019, 2:48pm UTC](https://discuss.elastic.co/t/how-to-change-colour-of-progress-wheel-according-to-label-value-in-kibana-canvas/186028/2 "2019-06-17T14:48:38Z")

</div>

Hi @Malini_Sahoo, we actually have a recent thread that goes through how to setup conditional colors in Canvas expressions. Let me know if this helps.

> [@Conditional colouring using kibana canvas expression editor](https://discuss.elastic.co/t/conditional-colouring-using-kibana-canvas-expression-editor/177929/16):
>
> Hey Scott, can you post a code snippet of what you are trying when the conditional doesn't work as expected?

---

<div class="post-metadata">

### Author: ![Malini\_Sahoo](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/malini_sahoo/32/46017_2.png) [@Malini\_Sahoo](https://discuss.elastic.co/u/Malini_Sahoo)
#### Post date: [June 18, 2019, 5:16am UTC](https://discuss.elastic.co/t/how-to-change-colour-of-progress-wheel-according-to-label-value-in-kibana-canvas/186028/3 "2019-06-18T05:16:39Z")

</div>

Hi @tims, I am unable to change colour of fill .. according to value in progress wheel,  
eg. for value greater than 90% i want whole wheel to change color from red to green ..instead of just changing the metric colour

---

<div class="post-metadata">

### Author: ![Catherine\_Liu](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/catherine_liu/32/34294_2.png) [@Catherine\_Liu](https://discuss.elastic.co/u/Catherine_Liu)
#### Post date: [June 28, 2019, 11:56pm UTC](https://discuss.elastic.co/t/how-to-change-colour-of-progress-wheel-according-to-label-value-in-kibana-canvas/186028/4 "2019-06-28T23:56:28Z")

</div>

Your use case is similar to this one: [Conditional colouring using kibana canvas expression editor](https://discuss.elastic.co/t/conditional-colouring-using-kibana-canvas-expression-editor/177929/5) The only difference is instead you would pass `valueColor={if {gt 0.9} then="red" else="green"}` into the `progress` function to conditionally set the color of the progress bar.

---

<div class="post-metadata">

### Author: ![Malini\_Sahoo](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/malini_sahoo/32/46017_2.png) [@Malini\_Sahoo](https://discuss.elastic.co/u/Malini_Sahoo)
#### Post date: [June 29, 2019, 10:27am UTC](https://discuss.elastic.co/t/how-to-change-colour-of-progress-wheel-according-to-label-value-in-kibana-canvas/186028/5 "2019-06-29T10:27:07Z")

</div>

Thank you, it worked

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [July 27, 2019, 10:27am UTC](https://discuss.elastic.co/t/how-to-change-colour-of-progress-wheel-according-to-label-value-in-kibana-canvas/186028/6 "2019-07-27T10:27:10Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
