Video narration
Step 3: the Skills section. In your HTML, create <section id="skills" class="skills"> and add an h2 heading in Gujarati: “મારી આવડતો”. Then add four .skill blocks: HTML, CSS, JavaScript, and Responsive Design. Each one includes a .progress-bar container and a .progress fill div, where the width shows the skill level: 90%, 85%, 75%, and 80%. In CSS, style .skills with padding and a light gray background, and center the h2. Give each .skill some spacing. Make .progress-bar a gray track with rounded corners, and set .progress as the blue fill, also rounded. Here’s the key tip: changing the width percentage—from 0 to 100—directly changes how full the bar looks, so you can quickly update the displayed proficiency for each skill.