Progress Bar V06
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A disk usage panel with one bar split into six coloured segments for photos, videos, apps, documents, system data and other files. A legend with icons and sizes sits below, followed by a tip for freeing up space. It suits storage settings, cloud drive quotas and budget breakdowns.
It is plain HTML and CSS: no jQuery, no Bootstrap files, no plugins, and the download is 5 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Stacked segments sized by inline widths with hairline gaps
- One progressbar for the total with aria-valuetext in gigabytes
- Legend colours shared with the bar through one custom property per type
- Responsive legend grid that reflows on phones
- System font stack, no JavaScript
Similar Templates
