1679

‎‎Liquid Cats Change Amount Input Interaction

‎‎Liquid Cats Change Amount Input Interaction

The interaction begins with a tap on the custom amount button, which slides up a bottom sheet containing a custom numeric keypad and drink options. After typing '500' and tapping 'Save', the bottom sheet slides down to reveal the main screen. The cat-shaped liquid container dynamically fills up, with the liquid level rising and exhibiting a wavy, springy sloshing motion before settling. Concurrently, the progress text updates from 1890 ml to 1390 ml, and the vertical progress bar on the left slides upward to match the new percentage.