ARN Progress Bar is a Vendix Pro Elementor widget that shows a list of values from 0 to 100 as linear bars or circles that fill when they scroll into view. Each item has a title, an optional description and a prefix or suffix, and the widget arrives with the goals of a sample community appeal.

Pro · Dynamic Content · All widgets

Each example below is the same widget with a different Type setting. Scroll down to see the items fill.

Each item shows its title and description above a rounded bar, with the value counting up above the end of the bar.

Community fridge

Raised £4,000 of £4,000
0%

Minibus for the lunch club

Raised £18,000 of £25,000
0%

Playground resurfacing

Raised £5,400 of £12,000
0%

Winter heating fund

Raised £1,400 of £7,000
0%

Each item is a ring that fills clockwise around the value, with the title and description below it; here four rings sit in a row on desktop and two on tablets.

0%

Community fridge

Raised £4,000 of £4,000
0%

Minibus for the lunch club

Raised £18,000 of £25,000
0%

Playground resurfacing

Raised £5,400 of £12,000
0%

Winter heating fund

Raised £1,400 of £7,000
  • Items: a title with its HTML tag, a description, a value from 0 to 100 and a prefix and suffix ("%" by default).
  • Value Position: inside, outside or hidden. In a circle, inside puts the value in the center and outside puts it below the ring.
  • Animation: the items fill when the widget scrolls into view, over 1,200 ms by default; turned off, they show their values at once. With reduced motion requested, the numbers do not count.
  • Columns: 1 to 4 per device (1 by default).
  • Style: track and progress colors, thickness (12 px by default), circle size (180 px by default), and title and value color and typography.
  • Section heading: an optional upper title, title, subtitle and description above the items.

Reviewed against Vendix Pro 1.13.0 · Last updated 21 October 2026