search

okrad / svelte-progressbar

A multiseries, SVG progressbar component made with Svelte
https://okrad.github.io/svelte-progressbar/
MIT License
129 stars 18 forks source link

Radial bar color behavior on 100% progress #4

Closed loversandcode closed 4 years ago

loversandcode commented 4 years ago

Hello, thanks for this awesome component. I use it in my dashboard project, and i have a question: Is there some special way to make color different on different progress, for example green on <50%, yellow on 50-80% and red on 80-100% for radial progressbar?

For now I'm become to solution that i'm checking value each time it's changes and set color for it, but I face problem, when value become 100% it's not colored red, it's becoming transparent.

Can you please tell me how i can work out with these issue?

okrad commented 4 years ago

Hi @loversandcode, the feature you ask is on the roadmap (I need it too in my projects), and some work has already been done. I hope to find the time to release an updated version soon...

loversandcode commented 4 years ago

@okrad Thanks a lot! This is very useful feature! Will be waiting for that! Is where anything that i could do for it?

okrad commented 4 years ago

@loversandcode , I just published version 1.4.0, with color thresholds customization... Take a look at the "examples" paragraph in the readme to find out how to use it...

loversandcode commented 4 years ago

I check it out, and it's very nice thank you so much, you saved my day!

So far i don't see any issues on it