From ff1b84cec827730fdaf1945419504e426828a073 Mon Sep 17 00:00:00 2001
From: rajpootathar <rajpootathar@gmail.com>
Date: Sun, 16 Feb 2020 03:22:08 +0500
Subject: [PATCH] adding dashes to fill as well

dashes will now work for fill.
---
 src/CircularProgress.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/CircularProgress.js b/src/CircularProgress.js
index 47e2e03..5ef20eb 100644
--- a/src/CircularProgress.js
+++ b/src/CircularProgress.js
@@ -45,14 +45,15 @@ export default class CircularProgress extends React.PureComponent {
     const sizeWithPadding = size / 2 + padding / 2;
     const radius = size / 2 - maxWidthCircle / 2 - padding / 2;
 
-    const backgroundPath = this.circlePath(
+   
+    const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;
+     const backgroundPath = this.circlePath(
       sizeWithPadding,
       sizeWithPadding,
       radius,
-      0,
+      currentFillAngle,
       arcSweepAngle
     );
-    const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;
     const circlePath = this.circlePath(
       sizeWithPadding,
       sizeWithPadding,
@@ -114,6 +115,7 @@ export default class CircularProgress extends React.PureComponent {
                 stroke={tintColor}
                 strokeWidth={width}
                 strokeLinecap={lineCap}
+                strokeDasharray={strokeDasharray}
                 fill="transparent"
               />
             )}