How to Add a Progress Bar Around Your Twitter Avatar

My [Twitter avatar](https://twitter.com/andrewmcodes) is outlined by a blue, previously green, progress bar that I get asked about often. The progress bar is updated in real-time every time I get a new follower. When I reach 10 new followers, the progress bar resets and the loop begins again. To achieve this effect, I use [BlackMagic.so](https://blackmagic.so/), a suite of tools for influencers to enhance [Twitter](https://twitter.com/andrewmcodes) from [Tony Dinh.](https://twitter.com/tdinh_me) Their main product is an analytics tools, but they have a free tool named [Profile Progress Bar](https://blackmagic.so/profile-progress-bar), which you can use to add a progress bar to your Twitter avatar. <%= render(Figure.new) do |c| %> <% c.slot :image do %> <%= render Image.new(variant: :figure, cid: "v1666073663/posts/twitter-avatar/20220505050712Z_BlackMagic.so2", alt: "BlackMagic.so Profile Progress Bar Twitter Tool") %> <% end %> <% c.slot :caption do %> The BlackMagic.so Profile Progress Bar Twitter Tool <% end %> <% end %> Connect your [Twitter account](https://twitter.com/andrewmcodes) to BlackMagic.so to add a progress bar to your Twitter avatar. You can customize the colors and progress value to your liking and start the real-time updates. BlackMagic.so has several other free, and paid tools, but this is currently the only one I use. There is no real reason other than it's fun. Want to see it increment? [Follow me on Twitter! 😉](https://twitter.com/andrewmcodes)