Hey there, I'm facing a little issue with my website. I'm working on adding a skill progression bar section and have a sticky navbar in place for easy navigation. However, as I scroll down, the progress bars seem to overflow into the navbar. Any idea how I can fix this? Just to clarify, I didn't write this code myself, but I'm trying to work through it.
* {
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
box-sizing: border-box;
}
/* Additional CSS code goes here */
<nav class="sticky">
<label class="logo" id="nav">Shira</label>
<ul>
<li><a href="#section1">Home</a></li>
<li><a href="#section2">About</a></li>
<li><a href="#section3">Career</a></li>
</ul>
</nav>
<section id="section1">
<div class="skills">
<div class="details">
<span>HTML</span>
<span>90%</span>
</div>
<div class="bar">
<div id="html-bar"></div>
</div>
</div>
<!-- More skills and progress bars -->
</section>