Overview & Comparison

Progress Bars are a simple UI element that indicate the progress towards a goal or maximum. They are effectively the simplest form of graph possible.

The most basic form of progress bar simply indicates how near you are to a goal or maximum... are you 1/3 of the way there? 1/2 of the way there? Or all the way there?

More advanced progress bars can show numeric details including;

• The exact percentage of progress, on a scale of 0% to 100%
• The exact current amount of progress.
• The exact goal or maximum amount.

Progress Bars in Webflow

There are several different ways to add progress bars to your Webflow site. Which you use depends on your technical expertise, the degree of styling you want, and what information you want to display.

Comparison of Approaches