Progress Bar V11
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A crowdfunding card for a community garden with an illustrated header, the amount raised against the goal and a thick progress bar with four milestone markers. Milestone cards below show which targets are reached and how much is left to the next one, followed by backers, days left and a call to action. It suits charity appeals, crowdfunding pages and school or club fundraisers.
It is plain HTML and CSS: no jQuery, no Bootstrap files, no plugins, and the download is 323 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Milestone markers placed on the bar by percentage
- Reached, next and future milestone states in text as well as colour
- Money value exposed with aria-valuemax=50000 and a readable aria-valuetext
- Inline SVG illustration instead of a photo
- No JavaScript
Similar Templates
