fix: add opacity transition (#3510)

Author: ajuner

Diff for: components/vc-progress/src/Circle.js

@@ -63,7 +63,7 @@ function getPathStyles(offset, percent, strokeColor, strokeWidth, gapDegree = 0,
     strokeDasharray: `${(percent / 100) * (len - gapDegree)}px ${len}px`,
     strokeDashoffset: `-${gapDegree / 2 + (offset / 100) * (len - gapDegree)}px`,
     transition:
-      'stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s', // eslint-disable-line
+      'stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s', // eslint-disable-line
   };
 
   return {
@@ -117,7 +117,8 @@ const Circle = {
             d: pathString,
             stroke,
             'stroke-linecap': strokeLinecap,
-            'stroke-width': ptg === 0 ? 0 : strokeWidth,
+            'stroke-width': strokeWidth,
+            'opacity': ptg === 0 ? 0 : 1,
             'fill-opacity': '0',
           },
           class: `${prefixCls}-circle-path`,