Determinate Circular Progress value not displaying as expected #10276
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!
The value supplied to a determinate circular progress component doesn't appear to manifest properly. The circles appear "overfilled" relative to the values provided.
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
Context
I am trying to show a series of "gauges" that show what percentage of a whole is represented.
Your Environment
The text was updated successfully, but these errors were encountered: