fix(progress): improve animation

adevinta · Aug 28, 2023 · 5ffcb1d · 5ffcb1d
1 parent b984f8a
commit 5ffcb1d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/components/progress/src/ProgressIndicator.styles.ts b/packages/components/progress/src/ProgressIndicator.styles.ts
@@ -5,11 +5,11 @@ export const progressIndicatorStyles = cva(
   {
     variants: {
       isIndeterminate: {
-        true: ['absolute', 'origin-left', 'animate-standalone-indeterminate-bar'],
+        true: ['absolute', '-translate-x-1/2', 'animate-standalone-indeterminate-bar'],
         false: [],
       },
     },
-  }
+  },
 )
 
 export type ProgressIndicatorStylesProps = VariantProps<typeof progressIndicatorStyles>
diff --git a/packages/components/progress/src/ProgressIndicator.tsx b/packages/components/progress/src/ProgressIndicator.tsx
@@ -16,7 +16,7 @@ export const ProgressIndicator = forwardRef<
   return (
     <ProgressIndicatorPrimitive
       className={progressIndicatorStyles({ isIndeterminate, className })}
-      style={{ ...style, transform: `translateX(-${x}%)` }}
+      style={{ ...style, ...(!isIndeterminate && { transform: `translateX(-${x}%)` }) }}
       ref={ref}
       {...others}
     />