Progress

Version

v1.0.0

Animated progress bars for skills, capability levels, and implementation status. Ships as a Lexical content block for use inside Payload CMS RichText fields.

Lexical Blocks#Layout Block
Payload CMSNext.js
Switch to fullscreen to interact with component.
...Loading

Version

v1.0.0

Updated

Sep 13, 2026

License

Single Site

Framework

Next.js

Install via Pro CLI

Requires an active Pro subscription and license API authentication. The browser preview does not expose the sellable source files.

Sign in to access CLI

Documentation

What it includes

Progress includes the supplied React component and Payload field configuration. Follow the installation steps to register the component and its dependencies in your project, then configure its content in the admin editor.

Best use cases

Animated progress bars for skills, capability levels, and implementation status.

Using it in your project

Enter each label and percentage, choose its colour, and set the animation timing. Use the percentage display option where a numeric value helps readers, and keep the values aligned with the information you are presenting.

Explore More Products

Back to Blocks