BLOCKS / CORE
Progress Bar block
A single leaf block: a track and a fill, with optional scroll-triggered animation and overlay text.
Skill list, thin bars
Height set to 6, animate left at its true default so each bar fills in as it scrolls into view — a label and percentage sit above each bar as separate paragraph-blocks.
Design
92%
Development
78%
Marketing
61%
Rating breakdown card
Five bars at height 8, animate turned off for an instant static read since the percentages themselves are the point, not the motion.
4.9
Based on 2,847 reviews
5
82%
4
12%
3
4%
2
1%
1
1%
Gradient pill, overlay text
fillGradient replaces fillColor when set, and showText plus overlayText centers a label directly on top of the fill — a common pattern for urgency banners like seats claimed.
Dark background, thick bar
backgroundColor set to a translucent white reads as a track on dark surfaces, while the fill stays a solid bright color for contrast.
Storage used
68 GB / 100 GB
