From f780beb019ddaa12fd7cebcde8e21ca15012ecaa Mon Sep 17 00:00:00 2001
From: Robert Messerle <rmesserle@google.com>
Date: Fri, 20 Nov 2015 12:18:59 -0800
Subject: [PATCH] fix(progressCircular): fixes animation bug when used inside
 `md-dialog`

Closes #5039
---
 src/components/progressCircular/progress-circular.scss | 1 +
 src/core/style/variables.scss                          | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/progressCircular/progress-circular.scss b/src/components/progressCircular/progress-circular.scss
index 8a1505e6bab..09ce4e59ee4 100644
--- a/src/components/progressCircular/progress-circular.scss
+++ b/src/components/progressCircular/progress-circular.scss
@@ -17,6 +17,7 @@ md-progress-circular {
   margin-bottom: 0 !important;
 
   transform: scale(0.5);
+  z-index: $z-index-progress-circular; // Used to fix a Chrome bug with spinner animation
 
   .md-spinner-wrapper {
     display:block;
diff --git a/src/core/style/variables.scss b/src/core/style/variables.scss
index 02a9c3bb445..6bb6759482e 100644
--- a/src/core/style/variables.scss
+++ b/src/core/style/variables.scss
@@ -83,6 +83,7 @@ $z-index-scroll-mask: 65 !default;
 $z-index-sidenav: 60 !default;
 $z-index-backdrop: 50 !default;
 $z-index-fab: 20 !default;
+$z-index-progress-circular: 2 !default; // Used to fix animation bug in Chrome
 
 // Easing Curves
 //--------------------------------------------