diff --git a/src/CircularProgress.js b/src/CircularProgress.js index 6171ff3..ba7646d 100644 --- a/src/CircularProgress.js +++ b/src/CircularProgress.js @@ -88,6 +88,9 @@ export default class CircularProgress extends React.PureComponent { const dashedBackgroundStyle = dashedBackground.gap > 0 ? `${dashedBackground.width}, ${dashedBackground.gap}` : dashedBackground; + + const strokeDasharray = Object.values(dashedBackgroundStyle) + .map(value => parseInt(value)); return ( @@ -99,7 +102,7 @@ export default class CircularProgress extends React.PureComponent { stroke={backgroundColor} strokeWidth={backgroundWidth || width} strokeLinecap={lineCap} - strokeDasharray={Object.values(dashedBackgroundStyle)} + strokeDasharray={strokeDasharray} fill="transparent" /> )}