From b2247f888c8162654c760d2b7067469289ce6643 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Thu, 16 Aug 2018 05:03:57 +0200
Subject: [PATCH] feat(progress-bar): align with 2018 material design spec
 (#12394)

Aligns the progress bar component with the latest version of the Material design spec.
---
 src/lib/progress-bar/progress-bar.html | 6 +++---
 src/lib/progress-bar/progress-bar.scss | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/progress-bar/progress-bar.html b/src/lib/progress-bar/progress-bar.html
index 76b0f9575bd..bf2bf2ad9bb 100644
--- a/src/lib/progress-bar/progress-bar.html
+++ b/src/lib/progress-bar/progress-bar.html
@@ -2,10 +2,10 @@
   The background div is named as such because it appears below the other divs and is not sized based
   on values.
 -->
-<svg width="100%" height="5" focusable="false" class="mat-progress-bar-background mat-progress-bar-element">
+<svg width="100%" height="4" focusable="false" class="mat-progress-bar-background mat-progress-bar-element">
   <defs>
-    <pattern [id]="progressbarId" x="5" y="0" width="10" height="5" patternUnits="userSpaceOnUse">
-      <circle cx="2.5" cy="2.5" r="2.5"/>
+    <pattern [id]="progressbarId" x="4" y="0" width="8" height="4" patternUnits="userSpaceOnUse">
+      <circle cx="2" cy="2" r="2"/>
     </pattern>
   </defs>
   <rect [attr.fill]="_rectangleFillValue" width="100%" height="100%"/>
diff --git a/src/lib/progress-bar/progress-bar.scss b/src/lib/progress-bar/progress-bar.scss
index 29362645d0d..61841744660 100644
--- a/src/lib/progress-bar/progress-bar.scss
+++ b/src/lib/progress-bar/progress-bar.scss
@@ -3,7 +3,7 @@
 @import '../core/style/noop-animation';
 @import '../../cdk/a11y/a11y';
 
-$mat-progress-bar-height: 5px !default;
+$mat-progress-bar-height: 4px !default;
 $mat-progress-bar-full-animation-duration: 2000ms !default;
 $mat-progress-bar-piece-animation-duration: 250ms !default;