2025 Week 12 | Power BI: Animated Progress Bar with Edward Charles

Introduction

Welcome back to Workout Wednesday! This week’s challenge is all about bringing your data to life with animation! It was inspired by a LinkedIn post from Edward Charles, where he used an SVG measure and the new card visual to create an animated progress bar.  

Progress bars can be a great way to visually track goals, completion status, or key metrics at a glance. When used well, they make data more engaging and easier to understand. Note that animation should enhance your report, not distract from it. Too much movement can overwhelm users, so use it thoughtfully! This is a nice example of simple animation that can show progress toward a goal.

Now it’s your turn to try it out! Build your own version, explore the technique, and let us know what you think. We can’t wait to see what you create!  

Requirements

  1. Create a dataset that has at least two columns – value and percent complete
    • Hint: use the enter data button in Power BI and add a few rows of data for a simple sample
  2. Create 2 measures
    • Average percent complete or progress
    • An SVG measure for the animated progress bar
      • Hint: before you look at Edward’s measure, use the web and/or GenAI to start your SVG measure!
  3. Drop a new card visual on the canvas and add percent complete to the values
    • Use the card properties to add your image bar and animation
  4. Add a slicer to your report to watch the animated progress bar change!
  5. As always, ensure your report is accessible by checking tab order, alt text, and color contrast.

Dataset

Create your own dataset this week! All you need are two columns, one that you’ll use in your slicer and one that represents project completion. Use the enter data button to add the data in a simple fashion.

Share

After you finish your workout, share on Bluesky or LinkedIn using the hashtags #WOW2025 and #PowerBI, and tag @MMarie, @shan_gsd, @KerryKolosko (on BlueSky) or tag the author Shannon Lindsay and the inspiration Edward Charles on LinkedIn!

Solution

Via Data Stories Gallery 

Edward’s original file can be found in his GitHub repo

Scroll to Top