Progress Steps

Loading editor

Progress Steps Animation – Roadmap Timeline Graphic

Progress Steps

About Progress Steps

A roadmap track fills from step to step, ticking each milestone with a check as it passes.

Part of Animated Infographics. New to this kind of graphic? Read How to Animate a Chart for a Video.

Category
Animated Infographics
Length
3 seconds, up to 15 seconds
Playback
Plays once
Controls
9 editable
Format
MP4 · WebM · PNG sequence
Alpha
WebM or PNG sequence
Resolution
720p to 8K
Aspect
16:9 · 9:16 · 1:1 · 4:5
License
Commercial use included

Frequently asked

What is the Progress Steps animation?

A roadmap track fills from step to step, ticking each milestone with a check as it passes. It belongs to the Animated Infographics category on velements, where you edit it in the browser and download it as a finished video file.

What can you customize in Progress Steps?

Every control in the editor, grouped the same way there. Content: labels. Typography: font. Style: background, text color, primary and secondary. Layout: aspect ratio. Motion: duration and easing. Each change appears in the live preview straight away, and editing is free.

How long is Progress Steps?

Progress Steps runs 3 seconds by default, and you can set any length up to 15 seconds before you export. It plays once from start to finish, so it drops straight onto a cut or an opening.

Can you download Progress Steps with a transparent background?

Yes. Set the background to Transparent, then export a PNG sequence for Premiere Pro, After Effects, DaVinci Resolve, Final Cut Pro or Figma: import the first frame as an image sequence and it drops onto a track above your footage with a straight alpha channel. Export WebM with a VP9 alpha channel for the web and for CapCut. MP4 has no alpha channel, so it keeps a solid color or image behind the animation.

Can you use Progress Steps in commercial projects?

Yes. Each download comes with a perpetual commercial license in your name for client work, ads and products, and you may sell the edited clip on stock footage sites. Reselling the preset itself as an editable template is not allowed.

Related animations

  • Roadmap Path Milestones

    Roadmap Path Milestones

    7s

    A winding track draws itself across the frame and each milestone pops the moment the line actually reaches it.

  • Step by Step

    Step by Step

    10s

    Numbered steps pop in along a connector line and the current step lights up in turn. Great for how-tos and recipes.

  • Bar Chart Grow

    Bar Chart Grow

    3s

    Columns rise one by one with live counting values and the top performer highlighted. Type your own data.

  • Bar Chart Race

    Bar Chart Race

    4s

    Ranked bars grow and overtake each other as the values climb, with live counting totals. Type your own data.

  • Bubble Chart

    Bubble Chart

    3s

    Bubbles sized by value pop onto an x/y plane for three-variable comparison. Type your own values and labels.

  • Bump Chart

    Bump Chart

    3.5s

    Ranked lines weave between positions over time, crossing as they overtake each other. Type your own entries.

  • Calendar Heatmap

    Calendar Heatmap

    3.5s

    A year of day cells lights up week by week in a contribution-style grid. Edit the colors, month labels and variation.

  • Comparison Bars

    Comparison Bars

    3s

    Horizontal bars race to their values side by side, making rankings and comparisons instantly clear.