How to Create Progress Bar in AngularJS.

<div ng-controller="MainCtrl">
    <progressbar value="data.progress"></progressbar>
    <progressbar value="50"></progressbar>
</div>

var myApp = angular.module("myApp",["ui.bootstrap"]);

myApp.controller( "MainCtrl", [ "$scope", "$timeout", function($scope, $timeout) {
    $scope.data = { progress : 0 };
    (function progress(){
        if($scope.data.progress < 100){
            $timeout(function(){
                $scope.data.progress += 1;
                progress();
            },200);
        }
    })();
}]);