Progress Bar is a WordPress ability from The Plus Addons for Elementor — usable via Easy MCP AI, which connects Claude, ChatGPT, and any AI assistant to your site.
Install Free Plugin →Progress Bar
WriteAdds the The Plus "Progress Bar" widget (tp-progress-bar) to an Elementor container.
Requires the The Plus Addons for Elementor plugin (which registers under the 'tpae' ability category) on WordPress 6.9+, with Elementor active. Every ability requires the current user to have the 'edit_posts' capability (and 'edit_post' for the specific post being modified); abilities that create or edit content also verify Elementor and, where relevant, the target The Plus widget are available. A subset of abilities (theme templates, template conditions, dynamic tags, popups, and some custom-code abilities) only register when Elementor Pro is active, and many widget abilities load only in the free plugin when the Pro add-on is inactive.
What it does
The execute_callback tpae_mcp_add_theplus_progress_bar_ability requires Elementor to be active and the tp-progress-bar widget to be registered, then loads the target post's Elementor page data. It builds a new widget element of type tp-progress-bar with a display style (linear bar or pie chart), a title label, a percentage value clamped between 0 and 100 (stored as a size/unit object with unit '%'), a number text, and a symbol with before/after position, plus any raw settings supplied, then inserts it into the specified parent container at the given position and saves the page data. It validates that post_id, parent_id, and value_width are provided, that the post exists, and that the parent container is found before saving.
See it in action
You ask your AI assistant
"Add a progress bar showing 75% for the "Project Completion" skill."
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| post_id | integer | Yes | Elementor page/post ID |
| parent_id | string | Yes | Target Elementor container ID |
| position | integer | No | Insert position. Use -1 to append. |
| main_style | string | No | Show as linear bar or circular pie chart (enum: progress_bar, pie_chart) |
| title | string | No | Progress bar label |
| value_width | integer | Yes | Progress percentage value (0-100) |
| number | string | No | Number text to display inside or near bar |
| symbol | string | No | Prefix or postfix symbol next to number (e.g. %) |
| symbol_position | string | No | Display symbol before or after number (enum: after, before) |
| settings | object | No | Raw Elementor/The Plus control settings to merge into the widget at creation time. Use control keys from sprout/get-theplus-widget-schema. |
Returns
Returns element_id (string), widget_type (string), and post_id (integer) of the created widget.
Permission
tpae_mcp_add_theplus_progress_bar_permission requires the current user to have the edit_posts capability, and if a post_id is supplied and greater than 0, also requires edit_post capability for that specific post.
More The Plus Addons for Elementor abilities
Accordion
Adds The Plus Addons "Accordion" widget (tp-accordion) to an Elementor container.
Add Code Snippet
Creates a site-wide Custom Code snippet using Elementor Pro, injecting CSS/JS/meta into the head or body on all pages.
Add Container
Adds a new Elementor flex container to a page or nests it inside another existing container.
Add Container
Adds a flex or grid container to a page, optionally nested inside a parent container.
Add Custom CSS
Adds custom CSS to a specific element or to the entire page (requires Elementor Pro).
Add Custom JavaScript
Adds a custom JavaScript snippet to a page by inserting an HTML widget containing a <script> tag; works with free Elementor.