circle-progress icon indicating copy to clipboard operation
circle-progress copied to clipboard

Half Circle Progress Like Guage

Open wijju opened this issue 2 years ago • 1 comments

Hi @tigrr , Thanks for the library and it's working nice, I want to know is there any gauge feature in this library ?

Below is example picture...

half

wijju avatar Jan 10 '22 09:01 wijju

Hi, @wijju , unfortunately the gauge variant is not supported natively. I may add it in the future.

For now you can use a hack: set the start angle to 270 degrees, circle progress maximum (fake maximum) twice the real maximum, and cut the lower half of the widget. See this fiddle as an example.

This method has one drawback: the assistive technologies and web crawlers will see the fake maximum as maximum. Although, my tests with existing screen reader software shows that they don't support the maximum for any progress element (whether native or custom) anyway (which is a bug in the assistive technologies).

tigrr avatar Feb 07 '22 08:02 tigrr