Progress Bar V07
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A dark portfolio about section with a short bio, key facts and two groups of skill bars, followed by a toolkit section further down the page. Each bar fills with a gradient and a knob once it scrolls into view, with a small stagger inside each group. Without JavaScript, or with reduced motion, the bars simply show their final values.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 154 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- IntersectionObserver fills each bar once, with a stagger per group
- Values and widths visible without JavaScript
- Animation skipped under prefers-reduced-motion
- Gradient fills with a knob marker, one palette per group
- Two-column layout that stacks on phones
Similar Templates
