Simple
Display any skill set with clean, animated progress bars that fill on scroll to the set percentage.
HTML
0%
CSS
0%
Javascript
0%
Custom Sizing
Adjust the bar height through a single CSS variable to create slim or bold progress indicators.
HTML
0%
CSS
0%
Javascript
0%
WordPress
0%
Content Placement
Place titles, labels and percentage counters inside the bar for a compact, self-contained layout.
Ruby
Vue.js
Nuxt.js
Striped Bar
Add a subtle striped overlay to your progress bars for extra texture and a more dynamic appearance.
HTML
0%
CSS
0%
Javascript
0%
Animated Bar
Combine stripes with motion so the fill animates continuously, ideal for live goals and campaigns.
Donations
$0
/$10000
0 Likes
0 Followers
Vertical Progress Bars
Stack progress bars upright to compare values side by side in a clean, space-saving column layout.
HTML
CSS
PHP
0%
HTML
0%
CSS
0%
PHP
Design
Development
Marketing
Rounded Pie Progress
Static Text
%