title: Progress Bar doesn't work after changing route on AngularJS
body: <p>I'm new in AngularJS world and I have so many problems when I want to use a progress bar in my App.</p>
  
  <p>I'm developing a quiz which has a "progress bar" with a countdown for every question, but when I change route (when I go ahead with other question) the progressbar doesn't work anymore, only on the first question. I spent so many hours searching for a solution and I don't make it work yet. :(</p>
  
  <p>I read that I had to use directives to manipulate DOM (because with  I need to change value and max attributes) but I'm not able to refresh the template...
  Also I used this ProgressBar (<a href="http://kimmobrunfeldt.github.io/progressbar.js/" rel="nofollow">http://kimmobrunfeldt.github.io/progressbar.js/</a>) but I have the same problem.</p>
  
  <p>Anyone would know to help me?</p>
  
  <p>Regards,
  Enrique.</p>
  
  <p>EDIT:
  This is the code:</p>
  
  <p>(html)</p>
  
  <pre><code>&lt;ion-view title="Test" hide-back-button="true" &gt;
     &lt;ion-content class="padding" scroll="false"&gt;
    ..
      &lt;progress id="progressbar" value="20" max="100"&gt;&lt;/progress&gt;
    ..
     &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>(controller)</p>
  
  <pre><code>var bar = document.getElementById('progressbar');
  var loadCountdown = function() {
              $interval(function() {
                      bar.value = bar.value + 10;
              }, 1000, 15);
      }
  </code></pre>
  
  <p>On the first view It's works perfectly, but then it doesn't.</p>