fix(progress): render dot when percentage is 0

Tencent · Feb 17, 2022 · d481552 · d481552
1 parent 1b38eb0
commit d481552
Showing 1 changed file with 13 additions and 11 deletions.
diff --git a/src/progress/Progress.tsx b/src/progress/Progress.tsx
@@ -148,17 +148,19 @@ const Progress = forwardRef((props: ProgressProps, ref: React.Ref<HTMLDivElement
             stroke={trackColor}
             fill="none"
           ></circle>
-          <circle
-            cx={circleCenterInViewBox}
-            cy={circleCenterInViewBox}
-            r={radius}
-            strokeWidth={circleStokeWidth}
-            fill="none"
-            transform={`matrix(0,-1,1,0,0,${diameter + circleStokeWidth})`}
-            strokeDasharray={strokeDasharray}
-            className={`${classPrefix}-progress__circle-inner`}
-            style={circlePathStyle}
-          ></circle>
+          {percentage > 0 && (
+            <circle
+              cx={circleCenterInViewBox}
+              cy={circleCenterInViewBox}
+              r={radius}
+              strokeWidth={circleStokeWidth}
+              fill="none"
+              transform={`matrix(0,-1,1,0,0,${diameter + circleStokeWidth})`}
+              strokeDasharray={strokeDasharray}
+              className={`${classPrefix}-progress__circle-inner`}
+              style={circlePathStyle}
+            ></circle>
+          )}
         </svg>
       </div>
     );