From 6951b0a9f5eb02a88b4b81721569264bae9cd90d Mon Sep 17 00:00:00 2001
From: Zack Ward <zward84@gmail.com>
Date: Mon, 11 Nov 2024 13:11:09 -0500
Subject: [PATCH] Fix slider progress bug

---
 .../material-tailwind-react/src/components/Slider/index.tsx  | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/material-tailwind-react/src/components/Slider/index.tsx b/packages/material-tailwind-react/src/components/Slider/index.tsx
index 344cc775c..54ad3fe48 100644
--- a/packages/material-tailwind-react/src/components/Slider/index.tsx
+++ b/packages/material-tailwind-react/src/components/Slider/index.tsx
@@ -135,7 +135,10 @@ export const Slider = React.forwardRef<HTMLDivElement, SliderProps>(
     // 4. return
     return (
       <div {...rest} ref={ref} className={sliderContainerClasses}>
-        <label className={sliderBarClasses} style={{ width: `${value || innerValue}%` }} />
+        <label
+          className={sliderBarClasses}
+          style={{ width: `${(Number(value || innerValue) / Number(max || 100)) * 100}%` }}
+        />
         <input
           ref={inputRef}
           type="range"