Implement fill property for Circle (#122)

Author: onchainguy-btc

Circle.js

@@ -25,6 +25,7 @@ export class ProgressCircle extends Component {
     color: PropTypes.string,
     children: PropTypes.node,
     direction: PropTypes.oneOf(['clockwise', 'counter-clockwise']),
+    fill: PropTypes.string,
     formatText: PropTypes.func,
     indeterminate: PropTypes.bool,
     progress: PropTypes.oneOfType([
@@ -79,6 +80,7 @@ export class ProgressCircle extends Component {
       color,
       children,
       direction,
+      fill,
       formatText,
       indeterminate,
       progress,
@@ -132,6 +134,7 @@ export class ProgressCircle extends Component {
         >
           {unfilledColor && progressValue !== 1 ? (
             <Shape
+              fill={fill}
               radius={radius}
               offset={offset}
               startAngle={angle}
@@ -145,6 +148,7 @@ export class ProgressCircle extends Component {
           )}
           {!indeterminate ? (
             <Shape
+              fill={fill}
               radius={radius}
               offset={offset}
               startAngle={0}

README.md

@@ -77,6 +77,7 @@ All of the props under *Properties* in addition to the following:
 |**`textStyle`**|Styles for progress text, defaults to a same `color` as circle and `fontSize` proportional to `size` prop. |*None*|
 |**`direction`**|Direction of the circle `clockwise` or `counter-clockwise`. |`clockwise`|
 |**`strokeCap`**|Stroke Cap style for the circle `butt`, `square` or `round`. |`butt`|
+|**`fill`**|Fill color of the inner circle. |None (transparent)|
 
 ### `Progress.Pie`