pragmaticlogic/gist:8541747

## gistfile1.html
<!doctype html>
<html ng-app="plunker">
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.js"></script>
    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
    <script src="angular-round-progress-directive.js"></script>
    <script src="script.js"></script>

    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
  </head>
  <body>
    <div ng-controller="ModalDemoCtrl">
      <script type="text/ng-template" id="modalContent.html">
        <div class="modal-header">
          <h3>Progress Circle in a Modal</h3>
        </div>
        <div class="modal-body">
          <div ang:round:progress data-round-progress-model="roundProgressData"
                            data-round-progress-width="500"
                            data-round-progress-height="500"
                            data-round-progress-outer-circle-width="40"
                            data-round-progress-inner-circle-width="10"
                            data-round-progress-outer-circle-radius="200"
                            data-round-progress-inner-circle-radius="140"
                            data-round-progress-label-font="100pt Arial"
                            data-round-progress-outer-circle-background-color="#505769"
                            data-round-progress-outer-circle-foreground-color="#12eeb9"
                            data-round-progress-inner-circle-color="#505769"
                            data-round-progress-label-color="#fff"></div>

          <input type="number" ng-model="roundProgressData.label"/>
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary" ng-click="ok()">OK</button>
            <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
        </div>
      </script>

      <button class='btn btn-default' ng-click="launchModalTimer()">Launch</button>
    </div>
  </body>
</html>
	<!doctype html>
	<html ng-app="plunker">
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.js"></script>
	<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
	<script src="angular-round-progress-directive.js"></script>
	<script src="script.js"></script>

	<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
	<link href="style.css" rel="stylesheet">
	</head>
	<body>
	<div ng-controller="ModalDemoCtrl">
	<script type="text/ng-template" id="modalContent.html">
	<div class="modal-header">
	<h3>Progress Circle in a Modal</h3>
	</div>
	<div class="modal-body">
	<div ang:round:progress data-round-progress-model="roundProgressData"
	data-round-progress-width="500"
	data-round-progress-height="500"
	data-round-progress-outer-circle-width="40"
	data-round-progress-inner-circle-width="10"
	data-round-progress-outer-circle-radius="200"
	data-round-progress-inner-circle-radius="140"
	data-round-progress-label-font="100pt Arial"
	data-round-progress-outer-circle-background-color="#505769"
	data-round-progress-outer-circle-foreground-color="#12eeb9"
	data-round-progress-inner-circle-color="#505769"
	data-round-progress-label-color="#fff"></div>

	<input type="number" ng-model="roundProgressData.label"/>
	</div>
	<div class="modal-footer">
	<button class="btn btn-primary" ng-click="ok()">OK</button>
	<button class="btn btn-warning" ng-click="cancel()">Cancel</button>
	</div>
	</script>

	<button class='btn btn-default' ng-click="launchModalTimer()">Launch</button>
	</div>
	</body>
	</html>