Progress Size not working

[shanewmurphy]

NextUI Version

2.4.8

Describe the bug

Using import import {Progress} from "@nextui-org/react"; in Next Js project
Setting the progress size size="sm" or "md" will not render the progress bar in browser. Setting the size to "lg" will work but not the for the other two sizes "sm" and "md"

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

<Progress size="sm" aria-label="Loading..." value={30} /> Doesn't render progress bar in browser
<Progress size="md" aria-label="Loading..." value={40} />Doesn't render progress bar in browser
<Progress size="lg" aria-label="Loading..." value={50} /> Will render progress bar in browser

Expected behavior

When using size="sm" and size"md" will not render progress bar in browser.

Screenshots or Videos

Operating System Version

MacOS

Browser

Chrome

[linear]

ENG-1509 Progress Size not working

[ShrinidhiUpadhyaya]

Can you please provide a sandbox.

[shanewmurphy]

I don't have the time to create a sandbox!! if your employed by Next UI when test yourself by creating Next JS Project with Tailwind import the Progress Bar and see for yourself.

[wingkwong]

which nextjs & react version are you using?

[shanewmurphy]

which nextjs & react version are you using?
Next JS Ver - "14.2.14"
React Ver - "18"

[IsDyh01]

https://codesandbox.io/p/devbox/x5vslz?file=%2Fapp%2Fpage.tsx%3A8%2C35

[wingkwong]

couldn't reproduce as well.

[shanewmurphy]