Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Half Circle Progress Like Guage #11

Open
WajahatRana789 opened this issue Jan 10, 2022 · 1 comment
Open

Half Circle Progress Like Guage #11

WajahatRana789 opened this issue Jan 10, 2022 · 1 comment
Labels
enhancement New feature or request

Comments

@WajahatRana789
Copy link

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

@tigrr
Copy link
Owner

tigrr commented Feb 7, 2022

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 tigrr added the enhancement New feature or request label Feb 8, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants