How to Design Scroll Animated Bar Counters with Divi

by | Apr 26, 2021 | Tutorials

Bar counters are used throughout the web to effectively illustrate data or metrics with subtle color animation that represents a certain value. Divi has a dedicated bar counter module that can be used to generate animated bar counters with ease. They are popular additions to about pages, service pages, and case studies

Most bar counters seem to animate as they come into view and can be hard to customize. However, in this tutorial, we are going to show you how to create fully customizable bar counters (from scratch) that animate on scroll using Divi. To do this, we will take advantage of Divi’s position options and scroll effects and used them in uniquely precise ways.


Submit a Comment

Join 40,000 people receiving weekly website resources

Join 1,000's of people enjoying the benefit of Divi. The most advanced website builder. Start building websites today without knowing how to code for only £5. 

You have Successfully Subscribed!