Adding endAngle prop for Progress.Circle. (#90)

* adding `endAngle` prop for `Progress.Circle`.

* updated docmentation for endAngle prop in Progress.Circle

Author: Pradeet

Circle.js

@@ -48,6 +48,8 @@ export class ProgressCircle extends Component {
     textStyle: Text.propTypes.style,
     thickness: PropTypes.number,
     unfilledColor: PropTypes.string,
+    strokeCap: PropTypes.string,
+    endAngle: PropTypes.number,
   };
 
   static defaultProps = {
@@ -59,6 +61,7 @@ export class ProgressCircle extends Component {
     showsText: false,
     size: 40,
     thickness: 3,
+    endAngle: 0.9,
   };
 
   constructor(props, context) {
@@ -97,6 +100,7 @@ export class ProgressCircle extends Component {
       textStyle,
       thickness,
       unfilledColor,
+      endAngle,
       ...restProps
     } = this.props;
 
@@ -158,7 +162,7 @@ export class ProgressCircle extends Component {
             <Arc
               radius={size / 2}
               startAngle={0}
-              endAngle={(indeterminate ? 1.8 : 2) * Math.PI}
+              endAngle={(indeterminate ? endAngle * 2 : 2) * Math.PI}
               stroke={borderColor || color}
               strokeCap={strokeCap}
               strokeWidth={border}

README.md

@@ -70,6 +70,7 @@ All of the props under *Properties* in addition to the following:
 | Prop | Description | Default |
 |---|---|---|
 |**`size`**|Diameter of the circle. |`40`|
+|**`endAngle`**|Determines the endAngle of the circle. A number between `0` and `1`. The final endAngle would be the number multiplied by 2π   |`0.9`|
 |**`thickness`**|Thickness of the inner circle. |`3`|
 |**`showsText`**|Whether or not to show a text representation of current progress. |`false`|
 |**`formatText(progress)`**|A function returning a string to be displayed for the textual representation. |*See source*|