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