Post
Ask Question

How to Create Progress Bar in AngularJS.

Html
  1. <div ng-controller="MainCtrl">  
  2.     <progressbar value="data.progress"></progressbar>  
  3.     <progressbar value="50"></progressbar>  
  4. </div>  
AngularJS
  1. var myApp = angular.module("myApp",["ui.bootstrap"]);  
  2.   
  3. myApp.controller( "MainCtrl", [ "$scope", "$timeout", function($scope, $timeout) {  
  4.     $scope.data = { progress : 0 };  
  5.     (function progress(){  
  6.         if($scope.data.progress < 100){  
  7.             $timeout(function(){  
  8.                 $scope.data.progress += 1;  
  9.                 progress();  
  10.             },200);  
  11.         }  
  12.     })();  
  13. }]);