Again it’s not very difficult you just need to think in a bubbly sort of way 
There are 2 approaches I would suggest:
- You can set the condition of the element to change the icon/image based on any condition you specify:
So here I set this text to be visible - note the checkbox is checked when the count is zero. Initially the element is set to be non visible. So you can add a variety of conditions like this to change the element just define multiple conditions.
- If the condition doesn’t give you the option to change what you want you can do another trick which is to put multiple elements on top of each other and setting each to visible/ non visible depending on the condition this gives the appearance of any effect you pretty much want to try to do. Just line them up exactly, I’d also put them in the same group to keep them together.
With these 2 approaches I’m certain you can make those circles work the way you want. Give it a shot 