Free Included in the free plugin

Progress Bar Block

Show skills, scores and goals at a glance with line, circle or half-circle progress bars that animate into place.

★★★★★ 4.9 from 700+ reviews · 50,000+ active sites · Read the docs →

Progress Bar Block

Live demo

See real progress bars

These are actual Progress Bar blocks in line and circle styles.

Line

Criteria 1

91 %

Criteria 2

88 %

Criteria 3

80 %

Circle

Criteria 1

84 %

Criteria 2

88 %

Criteria 3

80 %

Criteria 1

66 %

Criteria 2

88 %

Criteria 3

80 %
50,000+

active websites

4.9/5

from 700+ reviews

Featured on

WPBeginner
WP Tavern
ThemeIsle
WPLift
BloggingX

Features

Progress you can see

Every option here is free. Pro adds animation, visibility control and saved styles to this block and every other one.

Three styles

Three styles

Pick a line, circle or half circle.

Label position

Label position

Show the percentage above, inside or below the bar.

Stripe animation

Stripe animation

Add moving stripes for a lively look.

Prefix and suffix

Prefix and suffix

Add %, $ or any unit to the number.

Thickness and radius

Thickness and radius

Make bars thin or bold, square or rounded.

Your colors

Your colors

Style the bar, background and label.

How it works

Add it in three steps

1

Install Ultimate Blocks

Install the free plugin from your WordPress dashboard under Plugins → Add New, then activate it.

2

Add the block

In any post or page, type /progress bar and press Enter, then set the percentage.

3

Style it

Pick a style, label position, colors and animation.

Questions about the Progress Bar block

Need more help? See the documentation or contact our team.

Does it animate?

Can I show circles instead of lines?

Is the Progress Bar block free?

Does it work with my theme?

Make your numbers easy to read

Join 50,000+ WordPress sites already using Ultimate Blocks.