Skip to content

Lottie download progress

At 48 px

Static alternative

Reduced-motion preference pauses autoplay. Use a static state in your app when motion is reduced.

A progress ring completes around a downward arrow and shelf.

One-shot transition. The preview loops it; your app controls when it runs.

Customize the download progress

  1. Play the preview and compare the small-size and static examples below.
  2. Edit Progress arc trimEnd to control how much of the ring is visible. Keep the arrow separate from the progress track.
  3. Use the color controls to match your interface. Set Speed to retime every project keyframe together.
  4. Download the editable project or open it in the editor for shape and keyframe changes.

This is a demonstration of progress. Drive the playhead from real progress in your app; do not imply a download has finished before it has.

Keep your edits and choose an export

Download editable project saves your current colors and timing as a .motion backup, without an account. Reopen it in Lottieditor to continue editing. It is not a Lottie player file.

The editor requires sign-in for animation exports. Free accounts get five watermarked GIF exports per month. Pro provides unwatermarked Lottie, dotLottie, GIF, and browser-supported video exports. View editor plans.