Table of Contents
The Progress block draws a horizontal bar filled to a percentage you set. It is the block for skill lists, fundraising totals and any number that reads better as a length than as a figure. The bar carries a caption above it and an optional count on the right, and it can fill itself as the reader scrolls to it.
Block options
- Height
- Percent
- Corner radius
- Show count
- Count prefix and suffix
- Striped
- Animate in viewport
- Color + hover color
- Background color + hover color
- Pro Background gradient
Examples
Color with labels
Progress
Animated
Progress