A series of wooden blocks stacked like stairs on an angle.
Photo by Volodymyr Hryshchenko on Unsplash

I’ve been having a lot of fun with the animation design challenges I’ve been doing over the last month, so I thought I’d try my hand at another one. This week I designed a “bouncy” progress bar.

I’ve been thinking a lot about design systems lately, so for this progress bar, I thought I’d make it part of the same visual language that I used for my last “loading” animation from a couple weeks back. Here’s what I came up with: