→ Happy Khatun
→ Skill Section with Progress Bar

Skill Section with Progress Bar

This is a responsive skill section built with Bootstrap and external CSS. It shows different skills with progress bars like HTML, CSS, Bootstrap and JavaScript.

This bootstrap css example is contributed by Happy Khatun, on 15-May-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Card

Author Happy Khatun

650

v.4.6

Fork Fullscreen

<section class="py-5 bg-light">
    <div class="container">

<div class="text-center mb-5">
        <h2 class="fw-bold">My Skills</h2>
        <p class="text-muted">
          Here are some of my professional skills.
        </p>
      </div>

<div class="col-md-6">
          <h5>HTML</h5>
          <div class="progress">
            <div class="progress-bar html-skill">
              90%
            </div>
          </div>
        </div>

<div class="col-md-6">
          <h5>CSS</h5>
          <div class="progress">
            <div class="css-skill progress-bar" >
              85%
            </div>
          </div>
        </div>

<div class="col-md-6">
          <h5>Bootstrap</h5>
          <div class="progress">
            <div class="progress-bar bootstrap-skill" >
              80%
            </div>
          </div>
        </div>

<div class="col-md-6">
          <h5>JavaScript</h5>
          <div class="progress">
            <div class="progress-bar bg-danger js-skill">
              70%
            </div>
          </div>
        </div>

</div>
    </div>
  </section>

More Examples

Personal Info Section

Author:
Tanvir fahad

5 months ago

439

v.4.6
skill section
do not copy please

Author:
Fitar Ahmed

5 months ago

1.3k

v.4.6
our services

Author:
Gana JNsksk

5 months ago

614

v.4.6
Service Section for WDD

Author:
sajid taz

4 months ago

373

v.4.6
contact

Author:
lamiajahan

3 months ago

242

v.4.6
product list

Author:
java stories story

1 year ago

3.8k

v.5.3
Bootstrap Product Card

Author:
Anonymous

2 years ago

5.6k

v.5.3
Accordion

Author:
Anonymous

3 months ago

557

v.5.3
featured product

Author:
Juan Antonio González Hernández

8 months ago

778

v.4.6
Mission & Vision Section

Author:
Shahriar Noyon

5 months ago

811

v.4.6
Portfolio

Author:
DOLA AKTER

5 months ago

359

v.4.6
Training & Certifications Section

Author:
Shahriar Noyon

5 months ago

466

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent