title: What is the best way to display a progress bar in Angular2?
body: <p>What is the best way to display a progress bar in an Angular2 application when an HTTP request is being carried out?</p>
  
  <p>I tried the following using <a href="https://www.npmjs.com/package/@angular2-material/progress-bar" rel="nofollow noreferrer">AngularMaterial2 progress bar</a>:</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;md-progress-bar mode="determinate" value="myValue"&gt;&lt;/md-progress-bar&gt;
  </code></pre>
  
  <p>But how to find the 'value' for the above code?</p>
  
  <p>(If it is not possible to find out the actual progress of an HTTP request, what is the best way to achieve a Youtube or Github style progress bar?)</p>