Order pages
Show ordered, packed, shipped and delivered.
Content / widget · Elementor module
Progress Step Status Widget Plugin for Elementor
Show a process as numbered steps with the completed, current and upcoming ones marked, such as an order, an application or a course.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Progress step statusProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget. Try each one on this page.
02 / Inside WordPress
Progress step status controls in Elementor
Content sets the steps, the current step (a number or a dynamic tag), the summary line, the direction, stacking on phones, markers and status words, and every label. The Style tab covers the marker colours, size and line, and the step, description and summary text.
03 / Website use cases
Where to use progress step status
Customers and applicants want to know where they are: ordered, packed or shipped; applied, interviewed or offered. A plain list does not show it, and a progress bar hides the step names. Progress step status shows each step with a clear state, a tick for completed steps and a summary line. It is plain HTML, works without JavaScript, and the current step can come from a custom field so it updates per order or per page.
Applications
Show where an application or booking stands.
Courses
Show progress through modules or lessons.
04 / Installation and setup
How to add a progress step status in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Progress step status in the Complementor library.
Add the widget and list the steps in order.
Set the current step, or bind it to a custom field with a dynamic tag.
Choose across or down and style the markers.
Publish the page and try it.
05 / Content and style controls
Customize progress step status in Elementor
Configure the settings available for this module to suit the page you are building.
Completed, current and upcoming states.
Current step from a number or a dynamic tag.
Summary line such as “Step 2 of 4”.
Across or down, stacked on phones.
Status words so colour is not the only cue.
No JavaScript needed.
06 / Choose the right approach
Progress step status and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
A progress bar
Shows how far along, but not the names of the steps.
A plain list
Lists the steps but does not mark which are done.
07 / Requirements and compatibility
Progress step status compatibility with Elementor
- Requires Elementor; works without WooCommerce.
- Shows a step number you set; it does not track progress by itself.
- Nothing is sent to your server.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot progress step status
Check these settings if the published page behaves differently from the editor.
Why are all steps shown as not started?
The current step is empty, 0 or not a whole number. The editor shows a hint when it is not a number.
How do I mark every step complete?
Set the current step to one more than the number of steps.
Why do the steps run down the page on my phone?
Stack on phones is on, so long names stay readable below 600 pixels wide.
Can the current step change per order?
Yes. Use a dynamic tag, for example a custom field that holds the step number.
Progress step status plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Does it need JavaScript?
No. It is plain HTML and CSS.
Is it accessible?
Yes. It is an ordered list, the current step has aria-current="step", and each step has a status word for screen readers.
How many steps can I add?
Up to 20.
Can I use it more than once on a page?
Yes. Each copy works on its own.
10 / Annual All Access subscription
Get progress step status with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.