• Getting Started
  • Components
  • Advanced

Progress Bar

Ready for production
Responsive
Check the source

Simple

Show Code
Edit on Stackblitz
30% complete

Striped

Show Code
Edit on Stackblitz
30% complete

Running

Show Code
Edit on Stackblitz
0% complete

No text

Show Code
Edit on Stackblitz

Custom Color

Show Code
Edit on Stackblitz
You have to directly add the background-color css property to '.reactify-ui-progress-bar__progress'.Warning! Don't do it directly but instead pass Progress Bar a class which modifies the '.reactify-ui-progress-bar__progress' class
30% Complete

Sizes

Show Code
Edit on Stackblitz
30% complete

30% complete

30% complete

Themes

Show Code
Edit on Stackblitz
60% complete

60% complete

60% complete

60% complete

60% complete

60% complete

60% complete

60% complete
Quick LinksGithubTwitter