Train Workout Recovery Graph

In this workout tracking app, users swipe horizontally to cycle through different muscle groups. Each swipe transitions to a new card featuring a circular recovery graph. As the new card enters, the circular progress bar dynamically draws itself to the corresponding percentage, changing color from green (fully recovered) to orange and red (needs recovery). Simultaneously, the background gradient shifts color to match the recovery state, and the text elements crossfade and slide into place, creating a highly responsive and visually cohesive tracking experience.