Change Progress Circle based on Percent
Question

Hi, I would like to ask whether I can change the color of the progress circle based on the percentage value.

For example, from 0 - 30% is in red color, 30% - 60% is in yellow color.

Can I know is it possible and if it's possible can I know how?


example.PNG

Hello Sharifah,

I go through your OML but there is some broken reference so I create new OML for you Please take a look

on this URL as well 

Thanks and Regards,

Akshay Deshpande

CSSPiechart.oml

Thank you!!! I will look into it. I'll be asking if I have some confusion

Ok ,Please change hex code color as per your Requirement 

If(((Achieve/Target )*100)>0 and ((Achieve/Target )*100)<=30,"#dc0a26",If(((Achieve/Target )*100)>30 and ((Achieve/Target )*100)<=60,"#d3f56a","#31e245"))

this is the expression you will direct copy in your application

thanks,

Akshay Deshpande

Ok ,Please change hex code color as per your Requirement 

If(((Achieve/Target )*100)>0 and ((Achieve/Target )*100)<=30,"#dc0a26",If(((Achieve/Target )*100)>30 and ((Achieve/Target )*100)<=60,"#d3f56a","#31e245"))

this is the expression you will direct copy in your application

thanks,

Akshay Deshpande

Solution

Hi,

you can achieve it just change the value of the progress bar

If(((Achieve/Target )*100)<30,"#FF0000",If(((Achieve/Target )*100)>60 and ((Achieve/Target )*100)<29,"#ffff00","#088cfa"))


Pie.oml

Thank you!!! I will be looking into it and I will ask you if I have some confusion.

Hello sharifah,

Can you share your OML we will modify that one 

Or else any sample OML so we will work on that

Thanks and Regards,

Akshay Deshpande

Hi here is my oml.

Pie.oml

Hello Sharifah,

I go through your OML but there is some broken reference so I create new OML for you Please take a look

on this URL as well 

Thanks and Regards,

Akshay Deshpande

CSSPiechart.oml

Thank you!!! I will look into it. I'll be asking if I have some confusion

Ok ,Please change hex code color as per your Requirement 

If(((Achieve/Target )*100)>0 and ((Achieve/Target )*100)<=30,"#dc0a26",If(((Achieve/Target )*100)>30 and ((Achieve/Target )*100)<=60,"#d3f56a","#31e245"))

this is the expression you will direct copy in your application

thanks,

Akshay Deshpande

Solution

Hi,

you can achieve it just change the value of the progress bar

If(((Achieve/Target )*100)<30,"#FF0000",If(((Achieve/Target )*100)>60 and ((Achieve/Target )*100)<29,"#ffff00","#088cfa"))


Pie.oml

Thank you!!! I will be looking into it and I will ask you if I have some confusion.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.