Progress Bar V01
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A launch readiness card with one large overall bar, five medium workstream bars and four compact bars for docs and content. Every bar has a text label and a value, and colour modifiers mark done, on track, at risk and blocked. It fits project dashboards, onboarding checklists and status pages.
It is plain HTML and CSS: no jQuery, no Bootstrap files, no plugins, and the download is 529 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Three bar heights: large, medium and compact
- Colour modifiers that swap one custom property
- role="progressbar" with aria-valuetext for counts like 14 of 22
- Two-column layout that stacks on phones
- No JavaScript
Similar Templates
