Input
Output
<!DOCTYPE html> <html> <head> <style> .progress-container { width: 100%; background-color: #ddd; height: 20px; border-radius: 10px; overflow: hidden; } .progress-bar { width: 70%; height: 100%; background-color: #4caf50; animation: fill 2s ease; } @keyframes fill { from { width: 0; } to { width: 70%; } } </style> </head> <body> <div class="progress-container"> <div class="progress-bar"></div> </div> </body> </html>