From f15c85542b849b571a714555cb1c94b54156b915 Mon Sep 17 00:00:00 2001
From: Stas Amasev <41595972+framasev@users.noreply.github.com>
Date: Wed, 7 Jul 2021 18:00:47 +0300
Subject: [PATCH] fix(material/progress-bar): changing the value repaints other
 progress bars

---
 src/material/progress-bar/progress-bar.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/material/progress-bar/progress-bar.scss b/src/material/progress-bar/progress-bar.scss
index 323b455a740c..d133f8dcebf0 100644
--- a/src/material/progress-bar/progress-bar.scss
+++ b/src/material/progress-bar/progress-bar.scss
@@ -61,6 +61,10 @@ $mat-progress-bar-piece-animation-duration: 250ms !default;
     transform-origin: top left;
     transition: transform $mat-progress-bar-piece-animation-duration ease;
 
+    // Prevents elements from extra repainting due to `transition`.
+    will-change: transform;
+    z-index: 1;
+
     @include cdk-high-contrast(active, off) {
       border-top: solid $mat-progress-bar-height;
     }