Unable to apply visibility in indeterminate mode for progressbar angular2 material
<pre><code> &lt;md-progress-bar color="warn" mode="indeterminate" [class.hide]="visible"&gt;&lt;/md-progress-bar&gt;
</code></pre>

<p>Angular2 material 2.0.0-beta.1 </p>

<p><a href="https://plnkr.co/edit/sHtce9IcdCXuLb8kPhgr?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/sHtce9IcdCXuLb8kPhgr?p=preview</a></p>

<p><strong><em>I raised an issue in the angular2 material, it was resolved and pushed the changes to master branch. 
<a href="https://github.com/angular/material2/issues/2413" rel="nofollow noreferrer">https://github.com/angular/material2/issues/2413</a>
If anybody experiencing the same issue with beta.1 release please use the 
npm install <a href="https://github.com/angular/material2-builds.git" rel="nofollow noreferrer">https://github.com/angular/material2-builds.git</a> to resolve this behavior</em></strong></p>