Good day,
I am trying to build a attractive battery charging in Compose. We start from this icon of a empty battery:

Then I am getting values representing the percentage of charging from 0 to 100, based on that value, I need to create an animation with this icon (bar charge icon) on top of the empty battery icon,

rising from bottom to top, till the current charging percentage received.

If we stop the charging or if it reaches 100% (stops also), the battery should show all bar charge icons aligned properly on the battery icon representing the current charge.

Thanks for the attention.

So far I have tried putting Box and columns, but it is messy, I beleive this has to be made with Canvas but I have littel clue of how to proceed, so this is why I am asking