I guess that is progress of how much they have made so far to reach 20,000 monthly supporters. But I would prefer a circle or 360 pie graph to show the progress

That must have confuse supporters and supporter must have just stopped donations too.

Can I make one for it?

@imonish8 The issue has not been triaged yet so I would wait.

My issue is not with the use of a progress bar but what an animated progress bar represents and how it is interpreted. Users may associate it with a loading state.

The block would work better with a heading as well.

I agree that a heading would be a good addition. I'm not exactly sure what that heading should read, but it should help explain what the percentage is for, and it should be an h2. The percentage is currently in an h3, but it's not acting as a heading, so it should be in a p element, and we might need to add some visually hidden text after the percenrage to help screen reader users understand what it is for (depending on the heading text).

Also, can we get rid of the hr between the text and the Donate button? You can barely see it, and I'm not sure what purpose it serves, and it's just extra unnecessary noise that screen reader users have to listen to.

I would love to work on this if the issue has been triaged

I think the things bbsmooth called out are good, but I think the animation should stay.

It's meant to look like a loading state, because it represents the progress we have made toward our donation goal. I believe with better callouts in the text around that component we may be able to convey that properly?

Just to be clear, this is also based on user feedback. The user thought the page was stuck loading. Not saying that the feedback from a single user is a great metric, but I do understand why someone might think that.

If the progress bar was filling in, having that type of animation would be fine. The fact that it stays at the same progress for as long as it does (the user will likely never see it move in real-time) makes the animation more ambiguous.

As I said, it would work better with a heading. But if we need to "label" a UI element to explain what its purpose is, then there might also be an issue with the UI element semantics.

Personally, I'm also not particularly crazy about the look/style. Maybe just a simple gradient, going from red/orange to teal/green might work.

Simple example: