|
|
@ -15,13 +15,13 @@ const Line = { |
|
|
|
} = props; |
|
|
|
} = props; |
|
|
|
const percentStyle = { |
|
|
|
const percentStyle = { |
|
|
|
width: `${validProgress(percent)}%`, |
|
|
|
width: `${validProgress(percent)}%`, |
|
|
|
height: strokeWidth || (size === 'small' ? '6px' : '8px'), |
|
|
|
height: `${strokeWidth || (size === 'small' ? 6 : 8)}px`, |
|
|
|
background: strokeColor, |
|
|
|
background: strokeColor, |
|
|
|
borderRadius: strokeLinecap === 'square' ? 0 : '100px', |
|
|
|
borderRadius: strokeLinecap === 'square' ? 0 : '100px', |
|
|
|
}; |
|
|
|
}; |
|
|
|
const successPercentStyle = { |
|
|
|
const successPercentStyle = { |
|
|
|
width: `${validProgress(successPercent)}%`, |
|
|
|
width: `${validProgress(successPercent)}%`, |
|
|
|
height: strokeWidth || (size === 'small' ? '6px' : '8px'), |
|
|
|
height: `${strokeWidth || (size === 'small' ? 6 : 8)}px`, |
|
|
|
borderRadius: strokeLinecap === 'square' ? 0 : '100px', |
|
|
|
borderRadius: strokeLinecap === 'square' ? 0 : '100px', |
|
|
|
}; |
|
|
|
}; |
|
|
|
const successSegment = |
|
|
|
const successSegment = |
|
|
|