diff --git a/packages/shared/components/progress-bar/ProgressBar.tsx b/packages/shared/components/progress-bar/ProgressBar.tsx
index e39f29a0c2..21dd8d6b8e 100644
--- a/packages/shared/components/progress-bar/ProgressBar.tsx
+++ b/packages/shared/components/progress-bar/ProgressBar.tsx
@@ -35,6 +35,7 @@ const ProgressBar = ({
   percent,
   label,
   isInfiniteProgress,
+  className,
   ...rest
 }: ProgressBarProps) => {
   const progressPercent = percent > 100 ? 100 : percent;
@@ -53,6 +54,7 @@ const ProgressBar = ({
       </Text>
       <StyledProgressBar
         {...rest}
+        className={className}
         percent={progressPercent}
         data-testid="progress-bar"
       >
diff --git a/packages/shared/components/progress-bar/ProgressBar.types.ts b/packages/shared/components/progress-bar/ProgressBar.types.ts
index 3f8428c56e..e60f7ea7df 100644
--- a/packages/shared/components/progress-bar/ProgressBar.types.ts
+++ b/packages/shared/components/progress-bar/ProgressBar.types.ts
@@ -31,4 +31,5 @@ export interface ProgressBarProps {
   label?: string;
   /** Show infinite progress */
   isInfiniteProgress?: boolean;
+  className?: string;
 }