magicuidesign / magicui

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.
https://magicui.design
MIT License
11.77k stars 460 forks source link

[bug]: /docs/components/animated-circular-progress-bar #313

Closed myesn closed 5 days ago

myesn commented 2 months ago

Describe the bug

The value I passed in is an integer, and the final display is a decimal. This should be a matter of JavaScript's computational accuracy.

To Reproduce Steps to reproduce the behavior:

<AnimatedCircularProgressBar
  max={100}
  min={0}
  value={14}
  gaugePrimaryColor="rgb(79 70 229)"
  gaugeSecondaryColor="rgba(0, 0, 0, 0.1)"
/>

Expected behavior A clear and concise description of what you expected to happen.

Screenshots

image

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context Add any other context about the problem here.

itsarghyadas commented 2 months ago

Do you know why it behaved like that? Cause our demo component didn't behave like this on the website.

And I see you have made a PR, I will look into it.

itsarghyadas commented 5 days ago

The issue is fixed now. Thanks for your contribution.