angular-tek-progress-bar

angular.module('test', ['Tek.progressBar']).controller('mainController', function (progressBarManager) {
    var main = this;
    main.bar = progressBarManager();
});

<tek-progress-bar class="progress-xs progress-loading progress-loading-fixed" manager="main.bar"></tek-progress-bar>

angular.module('test', ['Tek.progressBar']).controller('mainController', function () {
    var main = this;
    main.bar2ProgressVal = 0;
});

<tek-progress-bar class="m-tb-sm" bar-class="progress-bar-danger" ng-model="main.bar2ProgressVal"></tek-progress-bar>

angular.module('test', ['Tek.progressBar']).controller('mainController', function (progressBarManager) {
    var main = this;
    main.isBar = true;
    main.bar2ProgressVal = 0;
    main.bar2 = progressBarManager();
});

<tek-progress-bar ng-if="main.isBar" class="m-tb-sm" bar-class="progress-bar-warning" ng-model="main.bar2ProgressVal" manager="main.bar2">{{main.bar2ProgressVal}}% </tek-progress-bar>

<tek-progress-bar class="m-tb-sm right" manager="main.rightBar">
<tek-progress-bar class="m-tb-sm" mode="vertical" bar-class="progress-bar-warning" ng-model="main.verticalbarVal">
<tek-progress-bar class="m-tb-sm bottom" mode="vertical" bar-class="progress-bar-succsess" ng-model="main.verticalbarVal">

$ bower install angular-tek-progress-bar --save

$ npm install angular-tek-progress-bar --save