Я пытаюсь создать привлекательную зарядку аккумулятора в Compose. Начнем с этого значка разряженной батареи:

Затем я получаю значения, представляющие процент зарядки от 0 до 100. В зависимости от полученного значения мне нужно создать анимацию с этим значком (значком полосы заряда) поверх значок разряженной батареи,

поднимается снизу вверх, достигая текущего процента зарядки, полученного на данный момент.
Если мы остановим зарядку или она достигнет 100% (также останавливается), Все значки заряда батареи должны правильно совпадать со значком батареи, обозначающим текущий заряд.
Спасибо за внимание.
Пока я пробовал помещаю Box и столбцы, но это беспорядок, я считаю, что это нужно сделать с помощью Canvas, но я понятия не имею, как действовать, поэтому и спрашиваю.
Подробнее здесь: https://stackoverflow.com/questions/786 ... -png-image