Change bootstrap progress-bar width from angularjs

Question

I\'m new in Angularjs and I am trying to update the width of a progress bar when a value in my controller change.

I have something like:

Answer 1

I would use a directive for this, that is responsible for calculating the width by itself.

module.directive("progressbar", function () {
    return {
        restrict: "A",
        scope: {
            total: "=",
            current: "="
        },
        link: function (scope, element) {

            scope.$watch("current", function (value) {
                element.css("width", scope.current / scope.total * 100 + "%");
            });
            scope.$watch("total", function (value) {
                element.css("width", scope.current / scope.total * 100 + "%");
            })
        }
    };
});

http://jsfiddle.net/rGWUR/10/