Animation

Version: 1.5

Animation

The Animation tab controls how progress is revealed.

  • Animate progress: Enable or disable all reveal animation.
  • Animation trigger: Start when the module enters the viewport or immediately when the page loads.
  • Duration: Set the fill duration from 100 to 5000 milliseconds.
  • Stagger: Add a delay between consecutive items.
  • Easing: Choose Ease Out, Ease In and Out, or Linear.
  • Animate value counter: Count the displayed number from zero to its final value.
  • Move stripe pattern: Keep the stripe texture moving after reveal. This option only affects the Striped bar style.

Each item animates once. Solid and gradient bars stop completely at their configured values. Disable Move stripe pattern when a static striped result is preferred.