title: Circular progress bar in angular 2
body: <p>I am trying to create a percentage loader in angular 2. The Loader should load the amount of given percentage and it should be dynamic.  </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="col-lg-3 col-md-3 bar"&gt;
    &lt;div class="c100 p50 small"&gt;
      &lt;span&gt;50%&lt;/span&gt;
      &lt;div class="slice"&gt;
        &lt;div class="bar"&gt;&lt;/div&gt;
        &lt;div class="fill"&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="textP"&gt;
      &lt;h3&gt;Statistic 1&lt;/h3&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have created one by using CSS for 50% but it's not dynamic. When i change the percentage it loads only the previous value 50%. Do I have to use ngModel or anything.</p>