diff --git a/README.md b/README.md
index e6b5071..da7f6f5 100644
--- a/README.md
+++ b/README.md
@@ -14,17 +14,12 @@ Features
 - Utilises SVG for rendering.
 - Adjustable dimensions, color and thickness.
 - No additional dependencies outside of AngularJS.
+- Now add text that will be displaying below the progress arc
 
 Installation
 ============
 
-This module can be installed using bower:
-
-```shell
-bower install angular-progress-arc --save
-```
-
-Otherwise, simply add the `angular-progress-arc.min.js` file to your project.
+Simply download add the `angular-progress-arc.min.js` file to your project.
 
 Usage
 =====
@@ -44,7 +39,10 @@ Add a `progress-arc` element to your application as required.
     stroke-width="{integer}"
     complete="{expression}"
     counter-clockwise="{string}"
-    background="{string}">
+    background="{string}"
+	textval="{string}"
+	>
+	
 </progress-arc>
 ```
 
@@ -57,7 +55,7 @@ Attributes
 - `complete` is an expression that should evaluate to a float value between 0.0 and 1.0; where 0.0 is an empty progress arc, and 1.0 is a full ring.
 - `counter-clockwise` is a boolean value that will render the progress arc in a counter-clockwise direction. Any value Javascript would recognise as true will be treated as such, with the exception of the literal string __false__ which will be treated as a boolean `false`.
 - `background` defines the color of the ring background. If not defined, no background is rendered.
-
+- `textval` defines the text that needs to be displayed below the progress arc
 Styling
 =======
 
diff --git a/angular-progress-arc.js b/angular-progress-arc.js
index 5213e77..2b1fafa 100644
--- a/angular-progress-arc.js
+++ b/angular-progress-arc.js
@@ -10,7 +10,8 @@
             size: 200,
             strokeWidth: 20,
             stroke: 'black',
-            background: null
+            background: null,
+			textval: null
         };
 
         this.setDefault = function (name, value) {
@@ -20,9 +21,11 @@
 
         this.$get = function () {
             return function (attr) {
-                angular.forEach(defaults, function (value, key) {
+			        angular.forEach(defaults, function (value, key) {
+					
                     if (!attr[key]) {
                         attr[key] = value;
+			
                     }
                 });
             };
@@ -38,7 +41,9 @@
                 stroke:           '@', // Color/appearance of stroke.
                 counterClockwise: '@', // Boolean value indicating
                 complete:         '&', // Expression evaluating to float [0.0, 1.0]
-                background:       '@'  // Color of the background ring. Defaults to null.
+                background:       '@',  // Color of the background ring. Defaults to null.
+				textval:			'@' //text to be displayed below the arc
+				
             },
             compile: function (element, attr) {
 
@@ -55,10 +60,12 @@
                     };
                     scope.$watchCollection('[size, strokeWidth]', updateRadius);
                     updateRadius();
+					
                 };
             },
             template:
-                '<svg ng-attr-width="{{size}}" ng-attr-height="{{size}}">' +
+			'<div>'+
+                '<svg ng-attr-width="{{size}}" ng-attr-height="{{size}}" style="display:block;margin-left:auto;margin-right:auto">' +
                     '<circle class="ngpa-background" fill="none" ' +
                         'ng-if="background" ' +
                         'ng-attr-cx="{{size/2}}" ' +
@@ -78,8 +85,10 @@
                         'ng-attr-transform="rotate({{offset}}, {{size/2}}, {{size/2}})' +
                             '{{ (counterClockwise && counterClockwise != \'false\') ? \' translate(0, \' + size + \') scale(1, -1)\' : \'\' }}"' +
                         '/>' +
-                '</svg>'
+                '</svg>'+'</div>'
+				+
+				'<div ng-if="textval" style="text-align:center"><label>{{textval}}</label></div>'
         };
     }]);
 
-})(window.angular);
+})(window.angular);
\ No newline at end of file
diff --git a/angular-progress-arc.min.js b/angular-progress-arc.min.js
index 4ee6724..746a7e9 100644
--- a/angular-progress-arc.min.js
+++ b/angular-progress-arc.min.js
@@ -1,2 +1 @@
-/*! angular-progress-arc - v1.0.0 (http://mathewbyrne.github.io/angular-progress-arc/) */
-!function(a){"use strict";var b=a.module("angular-progress-arc",[]);b.provider("progressArcDefaults",function(){var b={size:200,strokeWidth:20,stroke:"black",background:null};this.setDefault=function(a,c){return b[a]=c,this},this.$get=function(){return function(c){a.forEach(b,function(a,b){c[b]||(c[b]=a)})}}}),b.directive("progressArc",["progressArcDefaults",function(a){return{restrict:"E",scope:{size:"@",strokeWidth:"@",stroke:"@",counterClockwise:"@",complete:"&",background:"@"},compile:function(b,c){return a(c),function(a){a.offset=/firefox/i.test(navigator.userAgent)?-89.9:-90;var b=function(){a.strokeWidthCapped=Math.min(a.strokeWidth,a.size/2-1),a.radius=Math.max((a.size-a.strokeWidthCapped)/2-1,0),a.circumference=2*Math.PI*a.radius};a.$watchCollection("[size, strokeWidth]",b),b()}},template:'<svg ng-attr-width="{{size}}" ng-attr-height="{{size}}"><circle fill="none" ng-if="background" ng-attr-cx="{{size/2}}" ng-attr-cy="{{size/2}}" ng-attr-r="{{radius}}" ng-attr-stroke="{{background}}" ng-attr-stroke-width="{{strokeWidthCapped}}"/><circle fill="none" ng-attr-cx="{{size/2}}" ng-attr-cy="{{size/2}}" ng-attr-r="{{radius}}" ng-attr-stroke="{{stroke}}" ng-attr-stroke-width="{{strokeWidthCapped}}"ng-attr-stroke-dasharray="{{circumference}}"ng-attr-stroke-dashoffset="{{(1 - complete()) * circumference}}"ng-attr-transform="rotate({{offset}}, {{size/2}}, {{size/2}})'+"{{ (counterClockwise && counterClockwise != 'false') ? ' translate(0, ' + size + ') scale(1, -1)' : '' }}\"/></svg>"}}])}(window.angular);
\ No newline at end of file
+!function(t){"use strict";var e=t.module("angular-progress-arc",[]);e.provider("progressArcDefaults",function(){var e={size:200,strokeWidth:20,stroke:"black",background:null,textval:null};this.setDefault=function(t,r){return e[t]=r,this},this.$get=function(){return function(r){t.forEach(e,function(t,e){r[e]||(r[e]=t)})}}}),e.directive("progressArc",["progressArcDefaults",function(t){return{restrict:"E",scope:{size:"@",strokeWidth:"@",stroke:"@",counterClockwise:"@",complete:"&",background:"@",textval:"@"},compile:function(e,r){return t(r),function(t){t.offset=/firefox/i.test(navigator.userAgent)?-89.9:-90;var e=function(){t.strokeWidthCapped=Math.min(t.strokeWidth,t.size/2-1),t.radius=Math.max((t.size-t.strokeWidthCapped)/2-1,0),t.circumference=2*Math.PI*t.radius};t.$watchCollection("[size, strokeWidth]",e),e()}},template:'<div><svg ng-attr-width="{{size}}" ng-attr-height="{{size}}" style="display:block;margin-left:auto;margin-right:auto"><circle class="ngpa-background" fill="none" ng-if="background" ng-attr-cx="{{size/2}}" ng-attr-cy="{{size/2}}" ng-attr-r="{{radius}}" ng-attr-stroke="{{background}}" ng-attr-stroke-width="{{strokeWidthCapped}}"/><circle class="ngpa-progress" fill="none" ng-attr-cx="{{size/2}}" ng-attr-cy="{{size/2}}" ng-attr-r="{{radius}}" ng-attr-stroke="{{stroke}}" ng-attr-stroke-width="{{strokeWidthCapped}}"ng-attr-stroke-dasharray="{{circumference}}"ng-attr-stroke-dashoffset="{{(1 - complete()) * circumference}}"ng-attr-transform="rotate({{offset}}, {{size/2}}, {{size/2}}){{ (counterClockwise && counterClockwise != \'false\') ? \' translate(0, \' + size + \') scale(1, -1)\' : \'\' }}"/></svg></div><div ng-if="textval" style="text-align:center"><label>{{textval}}</label></div>'}}])}(window.angular);
\ No newline at end of file