Untitled

 <div className="body-skill" id="skills">
      <div className="container-1">
        <h2>Skills </h2>
        <div className="skills">
          <span className="name">Html</span>
          <span className="percent">
            <span style={{ width: "95%" }} className="progress"></span>
          </span>
          <span className="value">95%</span>
        </div>
        <div className="skills">
          <span className="name">CSS</span>
          <span className="percent">
            <span style={{ width: "90%" }} className="progress"></span>
          </span>
          <span className="value">90%</span>
        </div>
        <div className="skills">
          <span className="name">Bootstrap</span>
          <span className="percent">
            <span style={{ width: "100%" }} className="progress"></span>
          </span>
          <span className="value">100%</span>
        </div>

        <div className="skills">
          <span className="name">Tailwind</span>
          <span className="percent">
            <span style={{ width: "100%" }} className="progress"></span>
          </span>
          <span className="value">100%</span>
        </div>
        
        <div className="skills">
          <span className="name">Javascript</span>
          <span className="percent">
            <span style={{ width: "72%" }} className="progress"></span>
          </span>
          <span className="value">72%</span>
        </div>
        <div className="skills">
          <span className="name">React</span>
          <span className="percent">
            <span style={{ width: "88%" }} className="progress"></span>
          </span>
          <span className="value">88%</span>
        </div>
        <div className="skills">
          <span className="name">Firebase</span>
          <span className="percent">
            <span style={{ width: "90%" }} className="progress"></span>
          </span>
          <span className="value">90%</span>
        </div>
        <div className="skills">
          <span className="name">Nodejs</span>
          <span className="percent">
            <span style={{ width: "60%" }} className="progress"></span>
          </span>
          <span className="value">60%</span>
        </div>
        <div className="skills">
          <span className="name">MongoDB</span>
          <span className="percent">
            <span style={{ width: "90%" }} className="progress"></span>
          </span>
          <span className="value">90%</span>
        </div>
      </div>
    </div>