Optimize the interaction design of the animation cropping tool

[wenjiangping]

1. During the animation playback, the current time progress can be displayed in real time.
2. The playhead of the animation can be dragged or clicked to make the animation play at a specific position.
3. When dragging the handles on both sides of the progress bar for animation cropping, the playhead will automatically attach to the current handle position.