how to use displayProgressActive and progressBar ?

[alain ibrahim]

I'm trying to make a progress bar but displayProgressActive and progressBar are unset variable

HTML code :

 displayProgressActive : {{displayProgressActive}} ( <<< show nothing )
 progressBar: {{progressBar}} ( <<< show nothing )
 <timer end-time="endtime" finish-callback="finished()">
         <div class="progress progress-striped active {{displayProgressActive}}" style="height: 30px;">
               {{hours}} heures, {{minutes}} minutes, {{seconds}} secondes.
            <div class="bar" style="min-width: 2em;width: {{progressBar}}%;"></div>
          </div>
   </timer>

And my controller :

$scope.minutes = 1 ;
$scope.endtime = Date.now() + ($scope.minutes *60000);

The displayProgressActive and progressBar are unset variables.
What i'm missing ?
thanks

[Awais Karni]

they never mention any proper example... !