Skip to content

Commit b2247f8

Browse files
crisbetommalerba
authored andcommitted
feat(progress-bar): align with 2018 material design spec (#12394)
Aligns the progress bar component with the latest version of the Material design spec.
1 parent 5f2e077 commit b2247f8

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

src/lib/progress-bar/progress-bar.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@
22
The background div is named as such because it appears below the other divs and is not sized based
33
on values.
44
-->
5-
<svg width="100%" height="5" focusable="false" class="mat-progress-bar-background mat-progress-bar-element">
5+
<svg width="100%" height="4" focusable="false" class="mat-progress-bar-background mat-progress-bar-element">
66
<defs>
7-
<pattern [id]="progressbarId" x="5" y="0" width="10" height="5" patternUnits="userSpaceOnUse">
8-
<circle cx="2.5" cy="2.5" r="2.5"/>
7+
<pattern [id]="progressbarId" x="4" y="0" width="8" height="4" patternUnits="userSpaceOnUse">
8+
<circle cx="2" cy="2" r="2"/>
99
</pattern>
1010
</defs>
1111
<rect [attr.fill]="_rectangleFillValue" width="100%" height="100%"/>

src/lib/progress-bar/progress-bar.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
@import '../core/style/noop-animation';
44
@import '../../cdk/a11y/a11y';
55

6-
$mat-progress-bar-height: 5px !default;
6+
$mat-progress-bar-height: 4px !default;
77
$mat-progress-bar-full-animation-duration: 2000ms !default;
88
$mat-progress-bar-piece-animation-duration: 250ms !default;
99

0 commit comments

Comments
 (0)