diff --git a/src/material/progress-bar/_m2-progress-bar.scss b/src/material/progress-bar/_m2-progress-bar.scss index 7308b9e6f036..775cadc82e78 100644 --- a/src/material/progress-bar/_m2-progress-bar.scss +++ b/src/material/progress-bar/_m2-progress-bar.scss @@ -9,6 +9,7 @@ @return ( base: ( + progress-bar-active-indicator-shape: 0, progress-bar-active-indicator-height: 4px, progress-bar-track-height: 4px, progress-bar-track-shape: 0, diff --git a/src/material/progress-bar/_m3-progress-bar.scss b/src/material/progress-bar/_m3-progress-bar.scss index efc7512ebed5..2876070d17d5 100644 --- a/src/material/progress-bar/_m3-progress-bar.scss +++ b/src/material/progress-bar/_m3-progress-bar.scss @@ -15,6 +15,7 @@ $prefix: (mat, progress-bar); @return ( base: ( + progress-bar-active-indicator-shape: map.get($system, corner-none), progress-bar-active-indicator-height: 4px, progress-bar-track-height: 4px, progress-bar-track-shape: map.get($system, corner-none) diff --git a/src/material/progress-bar/progress-bar.scss b/src/material/progress-bar/progress-bar.scss index d5bf593c296f..af1ed431d7f3 100644 --- a/src/material/progress-bar/progress-bar.scss +++ b/src/material/progress-bar/progress-bar.scss @@ -50,6 +50,7 @@ $fallbacks: m3-progress-bar.get-tokens(); overflow-x: hidden; transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border-radius: token-utils.slot(progress-bar-active-indicator-shape, $fallbacks); $track-variable: token-utils.slot(progress-bar-track-height, $fallbacks); $indicator-height-variable: token-utils.slot(progress-bar-active-indicator-height, $fallbacks); height: max(#{$track-variable}, #{$indicator-height-variable});