Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageCampaign Progress Section
Warm editorial fundraising section pairing a serif story column (live-pulse eyebrow, heading, lede, captioned photo) with a progress card showing an animated count-up raised total, percent badge and ARIA progressbar with…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Campaign Progress Section reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Content
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
themeWarm
layoutStory left
eyebrowCurrent Campaign
showLiveTrue
headingLevelh2
headingHelp us reach our goal
ledeWe are building 10 new schools in rural communities. Every donation b…
showImageTrue
imageSrchttps://images.unsplash.com/photo-1509062522246-3755977927d7?w=1200&h…
imageAltPupils working together at their desks in a bright, sunlit classroom
captionClassroom seven of ten: walls up, roof going on next month.
raisedLabelRaised so far
currency$
raised187,500
goal250,000
percent75
goalLabelgoal
showMilestonesTrue
showStatsTrue
amountsTitleChoose your gift
showCustomTrue
customLabelCustom Amount
customNoteGive what feels right
customUrl#donate-custom
showNoteTrue
noteSecure checkout. Every gift is tax-deductible and 100% funds classroo…
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns
