diff --git a/src/progress/index.js b/src/progress/index.js index 532b8e6..4ab4d39 100644 --- a/src/progress/index.js +++ b/src/progress/index.js @@ -81,10 +81,10 @@ class Progress extends Component { color: #fff; &::after { + display: block; position: absolute; left: 50%; margin-left: -3px; - display: block; width: 6px; height: 6px; background: var(--color-dark-2); @@ -112,8 +112,7 @@ class Progress extends Component { height: var(--line-width); border-radius: 32px; background: var(--wc-progress-active-color, var(--color-teal-1)); - transition: 0.6s ease; - transition-property: width, background; + transition: width 0.5s ease; } } `, @@ -131,10 +130,10 @@ class Progress extends Component { fill: none; stroke-linecap: round; stroke-width: var(--line-width); - transition: stroke-dasharray 0.6s ease 0s, stroke 0.6s ease; + transition: stroke-dasharray 0.5s ease; } text { - font-size: calc(var(--line-width) * 4.5); + font-size: calc(var(--line-width) * 4); fill: currentColor; text-anchor: middle; alignment-baseline: middle;