diff --git a/src/components/progress-bar/progress-bar.component.ts b/src/components/progress-bar/progress-bar.component.ts
index c06fdd58b..96bdf9643 100644
--- a/src/components/progress-bar/progress-bar.component.ts
+++ b/src/components/progress-bar/progress-bar.component.ts
@@ -24,6 +24,7 @@ import type { CSSResultGroup } from 'lit';
  * @cssproperty --track-color - The color of the track.
  * @cssproperty --indicator-color - The color of the indicator.
  * @cssproperty --label-color - The color of the label.
+ * @cssproperty --box-shadow - The shadow effects around the edges of the progress bar.
  */
 export default class WaProgressBar extends WebAwesomeElement {
   static styles: CSSResultGroup = styles;
diff --git a/src/components/progress-bar/progress-bar.styles.ts b/src/components/progress-bar/progress-bar.styles.ts
index c486ff213..1f978e931 100644
--- a/src/components/progress-bar/progress-bar.styles.ts
+++ b/src/components/progress-bar/progress-bar.styles.ts
@@ -9,6 +9,7 @@ export default css`
     --track-color: var(--wa-color-neutral-fill-highlight);
     --indicator-color: var(--wa-color-brand-spot);
     --label-color: var(--wa-color-brand-text-on-spot);
+    --box-shadow: none;
 
     display: block;
   }
@@ -18,7 +19,7 @@ export default css`
     background-color: var(--track-color);
     height: var(--height);
     border-radius: var(--wa-corners-pill);
-    box-shadow: var(--wa-shadow-inset);
+    box-shadow: var(--box-shadow);
     overflow: hidden;
   }
 
diff --git a/src/themes/depth_2_chunky.css b/src/themes/depth_2_chunky.css
index 5d852f1ae..5c837522d 100644
--- a/src/themes/depth_2_chunky.css
+++ b/src/themes/depth_2_chunky.css
@@ -90,3 +90,9 @@ wa-textarea {
   }
 }
 /* #endregion */
+
+/* #region Progress bar */
+wa-progress-bar {
+  --box-shadow: var(--wa-shadow-inset);
+}
+/* #endregion */
diff --git a/src/themes/depth_3_punchy.css b/src/themes/depth_3_punchy.css
index a1fd723d2..7af12b8b4 100644
--- a/src/themes/depth_3_punchy.css
+++ b/src/themes/depth_3_punchy.css
@@ -75,3 +75,9 @@ wa-switch {
     inset 0 -0.0625rem 0.0625rem 0 rgb(0 0 0 / 0.1) /* inner shadow */, var(--wa-shadow-level-1) /* outer shadow */;
 }
 /* #endregion */
+
+/* #region Progress bar */
+wa-progress-bar {
+  --box-shadow: var(--wa-shadow-inset);
+}
+/* #endregion */
diff --git a/src/themes/depth_4_glossy.css b/src/themes/depth_4_glossy.css
index 4072f873b..f48fea81c 100644
--- a/src/themes/depth_4_glossy.css
+++ b/src/themes/depth_4_glossy.css
@@ -266,3 +266,9 @@ wa-switch {
     inset 0 -0.0625rem 0 0 rgb(0 0 0 / 0.2) /* bottom highlight */, var(--wa-shadow-level-1) /* outer shadow */;
 }
 /* #endregion */
+
+/* #region Progress bar */
+wa-progress-bar {
+  --box-shadow: var(--wa-shadow-inset);
+}
+/* #endregion */