Animated Progress Bar
Easy
15
47.2% Acceptance
In this lab, you have to create a simple animated progress bar.
The HTML code for the lab is already written for you. You have to write the CSS code for the animation using animation
property and @keyframes
The color used for the progress is #4caf50
The Progress structure contains to <div>
elements. The parent .progress-bar
and the child div.progress
.
If you aren't familiar with animations in CSS. This is a good read
NOTE: This is a self assessed lab. There are no test cases available for this exercise lab. You would have to manually check the challenges when you're done.