邱宇

I want you to act as a web developer and please write some code for me to create a progress bar for a website.
Stylistic approach:
The design features rounded corners, with both ends forming semi-circles (border-radius: 100px or a similar value).
The progress bar fill area should have a gradient background to add a modern touch.
Dynamic animation:
When the progress value changes, the width’s variation must be a smooth transition animation (using transition: width 0.3s ease), rather than a sudden jump.

I want you to act as a web developer and please write some code for me to create a pop-up notification feature for the website.
Entrance animation: When the notification appears, there should be an animation effect of sliding in from the right or fading in.
Opening Animation: When closed, there should be a smooth fade-out or slide-out animation; do not abruptly disappear.
Progress Indicator: A small progress bar is displayed at the bottom or top of the notification, providing an intuitive countdown until it automatically disappears.

I want you to play the role of a web developer and write code for a website loading animation.
Design Style:
Minimalist: Do not use outdated GIF images; it must be implemented using pure CSS or SVG.
Brand Identity: The animation colors should match the website's primary color scheme