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

Determinate Circular Progress value not displaying as expected #10276

Closed
1 task done
andyweiss1982 opened this issue Feb 13, 2018 · 4 comments
Closed
1 task done

Determinate Circular Progress value not displaying as expected #10276

andyweiss1982 opened this issue Feb 13, 2018 · 4 comments
Labels
bug 🐛 Something doesn't work component: CircularProgress The React component component: progress This is the name of the generic UI component, not the React module!

Comments

@andyweiss1982
Copy link

The value supplied to a determinate circular progress component doesn't appear to manifest properly. The circles appear "overfilled" relative to the values provided.

  • I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

I expect that when I pass a value of 20 to the circular progress component, the resulting circle would be 20% full. I expect that when the value passed is 50, the circle would be 1/2 full, and that it would have to be 100 to appear "completely" full.

Current Behavior

When I pass a value of 20 to the circular progress, it appears roughly 1/3 full. When I pass a value of 50, it appears about 3/4 full, and a value of 85 completely fills the circle.

Steps to Reproduce (for bugs)

https://codesandbox.io/s/5305x6z9z4

  1. Make a CircularProgress with a value of 20
  2. Make a CircularProgress with a value of 50
  3. Make a CircularProgress with a value of 85

Context

I am trying to show a series of "gauges" that show what percentage of a whole is represented.

Your Environment

Tech Version
Material-UI "^1.0.0-beta.33"
React "^16.2.0"
browser Chrome
etc
@oliviertassinari oliviertassinari added duplicate This issue or pull request already exists bug 🐛 Something doesn't work component: CircularProgress The React component and removed duplicate This issue or pull request already exists labels Feb 13, 2018
@oliviertassinari
Copy link
Member

Solved by #10228 cc @mbrookes

@andyweiss1982
Copy link
Author

@oliviertassinari thanks for the quick update. Is this in a release package I can use yet, or should I be waiting for an upcoming release?

@oliviertassinari
Copy link
Member

oliviertassinari commented Feb 13, 2018

@andyweiss1982 Next release will be this week-end. Otherwise, you can rollback to an earlier version.

@andyweiss1982
Copy link
Author

OK thanks! @oliviertassinari

@oliviertassinari oliviertassinari added the component: progress This is the name of the generic UI component, not the React module! label Nov 28, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: CircularProgress The React component component: progress This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

2 participants