From 977a9d632b020bfa962d8973f64d5878ffaa8f71 Mon Sep 17 00:00:00 2001
From: Brandon Hsiao <bh@codeperfect95.com>
Date: Mon, 12 Feb 2024 18:38:34 -0800
Subject: [PATCH] add fixes to rx.progress

---
 reflex/components/radix/primitives/progress.py | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/reflex/components/radix/primitives/progress.py b/reflex/components/radix/primitives/progress.py
index 486ad2148..8d502577a 100644
--- a/reflex/components/radix/primitives/progress.py
+++ b/reflex/components/radix/primitives/progress.py
@@ -65,7 +65,7 @@ class ProgressIndicator(ProgressComponent):
                 "&[data_state='loading']": {
                     "transition": f"transform {DEFAULT_ANIMATION_DURATION}ms linear",
                 },
-                "transform": f"translateX(-{100 - self.value}%)",  # type: ignore
+                "transform": f"translateX(calc(-100% + {self.value}%))",  # type: ignore
                 "boxShadow": "inset 0 0 0 1px var(--gray-a5)",
             }
         )
@@ -78,7 +78,7 @@ class Progress(SimpleNamespace):
     indicator = staticmethod(ProgressIndicator.create)
 
     @staticmethod
-    def __call__(**props) -> Component:
+    def __call__(width: Optional[str] = "100%", **props) -> Component:
         """High level API for progress bar.
 
         Args:
@@ -88,7 +88,7 @@ class Progress(SimpleNamespace):
             The progress bar.
         """
         return ProgressRoot.create(
-            ProgressIndicator.create(value=props.get("value")),
+            ProgressIndicator.create(width=width, value=props.get("value")),
             **props,
         )