gistfile1.js

angular.module('plunker', ['ui.bootstrap', 'angular.directives-round-progress']);

var ModalDemoCtrl = function ($scope, $modal) {
  $scope.launchModalTimer = function () {
    var modalInstance = $modal.open({
      templateUrl: 'modalContent.html',
      controller: ModalInstanceCtrl
    });
  };
};

// Please note that $modalInstance represents a modal window (instance) dependency.
// It is not the same as the $modal service used above.

var ModalInstanceCtrl = function ($scope, $modalInstance, $timeout) {
  $scope.roundProgressData = {
          label: 11,
          percentage: 0.11
        }

        // Here I synchronize the value of label and percentage in order to have a nice demo
        $scope.$watch('roundProgressData', function (newValue, oldValue) {
          newValue.percentage = newValue.label / 100;
        }, true);
    
  $scope.ok = function () {
    $modalInstance.close();
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
};