Loaders · 2s

Circular Progress

Arc grows 0 → 100% around a ring — determinate progress

By Lottie Max Added Jun 10, 2026 Updated Jun 12, 2026

#loader
#progress
#circular
#ring
#determinate

240×240 · 30fps · 2.00s · loops

Embed it anywhere

Paste the snippet into any HTML page. The animation loads from /templates/circular-progress.json — host it yourself or hot-link from lottiemax.com.

Embed · Circular Progress

<script src="https://unpkg.com/lottie-web@latest/build/player/lottie.min.js"></script>
<div id="lottie-circular-progress" style="width:240px;height:240px;"></div>
<script>
  lottie.loadAnimation({
    container: document.getElementById('lottie-circular-progress'),
    renderer: 'svg',
    loop: true,
    autoplay: true,
    path: 'https://lottiemax.com/templates/circular-progress.json',
  });
</script>