title: Angular 2 Material Progress Bar not Showing up when using in template?
body: <p>I am trying to incorporate Angular 2 Progress bar to my Angular App.</p>
  
  <p>I am using Webpack as bundling tool .</p>
  
  <p>I have started the Project with this Angular seed please find the git repo link of the seed</p>
  
  <pre><code>https://github.com/AngularClass/angular2-webpack-starter
  </code></pre>
  
  <p>I have installed all the dependencies but still the Progress bar  doesn't show up.</p>
  
  <p>component file </p>
  
  <pre><code>&lt;div class="loading-overlay" *ngIf="loading"&gt;
    &lt;!-- show something fancy here, here with Angular 2 Material's loading bar or circle --&gt;
    Here
    &lt;md-progress-bar mode="indeterminate"&gt;&lt;/md-progress-bar&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>ngModule</p>
  
  <pre><code>import { MaterialModule } from '@angular/material';
  @NgModule({
    bootstrap: [ AppComponent],
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule,
      RouterModule,
      routing,
      MaterialModule.forRoot()
    ],
  
  })
  </code></pre>
  
  <p>Please Help </p>