→ 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

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

scroll animation image with title

Author:
Juan Antonio González Hernández

2 months ago

457

v.4.6
Our Clients

Author:
Shahriar Noyon

1 day ago

20

v.4.6
certifications

Author:
Gana JNsksk

1 day ago

19

v.4.6
Work Experience Section

Author:
Shahriar Noyon

1 day ago

21

v.4.6
Bootstrap Product Card

Author:
Anonymous

1 year ago

4.7k

v.5.3
Category Tab

Author:
java stories story

8 months ago

1.3k

v.5.3
Our Clients

Author:
Gana JNsksk

1 day ago

21

v.4.6
Card Layout
Using masonry in cards layout

Author:
almounkez

1 year ago

4.4k

v.5.3
Training & Certifications Section

Author:
Shahriar Noyon

1 day ago

28

v.4.6
Special Skills

Author:
Shahriar Noyon

1 day ago

22

v.4.6
working

Author:
Gana JNsksk

1 day ago

19

v.4.6
Music speakers status

Author:
Jonathan

1 year ago

1k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent