Progress Bar V05
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
Two gauge cards: a credit score dial with five coloured bands and a needle, and a server card with two arc gauges for CPU and memory load. The score card has a band legend with the current range highlighted, and the server card adds uptime, request rate and latency. It suits finance apps, monitoring dashboards and any value that sits on a scale.
It is plain HTML and CSS: no jQuery, no Bootstrap files, no plugins, and the download is 191 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Needle gauge with five SVG colour bands
- Arc gauges driven by one stroke-dasharray value
- role="progressbar" with custom min and max (300 to 850) and aria-valuetext such as "742, Very good"
- Warning style for high readings
- No JavaScript
Similar Templates
