1404
In Duolingo's Chess course, completing a section triggers a progress bar animation that fills to completion with a satisfying spring bounce. As the user scrolls down, the section header seamlessly morphs and collapses into the top navigation bar. The main course title fades out, making way for the compact section title and its completed progress bar to lock into the sticky header, maintaining context while maximizing screen real estate.
