Day 22: Progress & Meter
HTML Masterclass
Current Task
Objective
Native progress bars and gauges.
Step 1: Add a <progress> tag with value="50" and max="100".
Step 2: Below it, add a <meter> tag with value="0.6" and inner text "60%".
index.html
<progress value="50" max="100"></progress>
<meter value="0.6">60%</meter>
* Hint: Correct characters turn green, incorrect ones turn red.
Live Preview
🖼️
Verify your code to see the preview