CodePen Embed - Upload Animation Ex

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="200" viewBox="0 0 100 100" fill="none">
  <circle cx="-150" cy="50" r="45" stroke="red" stroke-width="10" fill="none" />
</svg>

@keyframes uploadAni {
  from {
    stroke-dashoffset: 283;
  }
  to {
    stroke-dashoffset: 0;
  }
}

circle {
  stroke-dasharray: 283;
  animation: uploadAni 4s infinite;
  will-change: stroke-dashoffset;
}

This Pen is owned by nagaeso on CodePen.

See more by @nagaeso-the-encoder on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.