add fixes to rx.progress

This commit is contained in:
Brandon Hsiao 2024-02-12 18:38:34 -08:00
parent de30e15b1d
commit 977a9d632b

View File

@ -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,
)