fix(material-experimental/progress-bar): server-side rendering error (#17359)

Fixes a server-side rendering error that is thrown from the MDC-based progress bar.

Author: crisbeto

src/material-experimental/mdc-progress-bar/BUILD.bazel

@@ -23,6 +23,7 @@ ng_module(
     module_name = "@angular/material-experimental/mdc-progress-bar",
     deps = [
         "//src/cdk/bidi",
+        "//src/cdk/platform",
         "//src/material/core",
         "//src/material/progress-bar",
         "@npm//@angular/core",

src/material-experimental/mdc-progress-bar/progress-bar.ts

@@ -27,6 +27,7 @@ import {MDCLinearProgressAdapter, MDCLinearProgressFoundation} from '@material/l
 import {Subscription, fromEvent, Observable} from 'rxjs';
 import {filter} from 'rxjs/operators';
 import {Directionality} from '@angular/cdk/bidi';
+import {Platform} from '@angular/cdk/platform';
 
 // Boilerplate for applying mixins to MatProgressBar.
 /** @docs-private */
@@ -63,6 +64,7 @@ export class MatProgressBar extends _MatProgressBarMixinBase implements AfterVie
 
   constructor(public _elementRef: ElementRef<HTMLElement>,
               private _ngZone: NgZone,
+              private _platform: Platform,
               @Optional() private _dir?: Directionality,
               @Optional() @Inject(ANIMATION_MODULE_TYPE) public _animationMode?: string) {
     super(_elementRef);
@@ -189,7 +191,8 @@ export class MatProgressBar extends _MatProgressBarMixinBase implements AfterVie
   private _syncFoundation() {
     const foundation = this._foundation;
 
-    if (foundation) {
+    // Don't sync any state if we're not in a browser, because MDC uses some window APIs.
+    if (foundation && this._platform.isBrowser) {
       const direction = this._dir ? this._dir.value : 'ltr';
       const mode = this.mode;