title: Angular 2 simple animation
body: <p>I'm currently trying to make an simple loader animation that basically increases an element based on a given percentage.</p>
  
  <p>Now i saw that Angular 2 has an animation module and worked around a little bit and this basically only works for static animations.</p>
  
  <p>I've got a loader component that's running an simple interval</p>
  
  <pre><code>var interval = setInterval(function(){
          this.count++;
          this.loading();
  
          this.circleSize = window.innerWidth / 100 * this.count;
  
          if(this.count &gt;= 100) {
              clearInterval(interval);
          }
  
      }.bind(this), 25);
  </code></pre>
  
  <p>Googling a little further i found angular 2 supports css by variable:
  <code>[style.width]="circleSize"</code> however this doesn't seem to get updated with the interval. </p>
  
  <p>Now i could a library like GSAP to achieve this but what do you guys recon would be the best/angular approach to do so?</p>