← All widgetsWidget 82 · emcp_custom_82

Radial Progress

Elementor widget4 layouts7 content options8 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: circular, radial, progress, ring, percent.

Setup guide

  1. Open a page in Elementor, search the panel for Radial Progress and drag it into a container.
  2. Content › Content: Percent, Show number, Suffix, Suffix position, Suffix spacing, Label, Animation (ms).
  3. Pick a Suffix position: Right of number, Left of number, Above number, Below number. Each one is shown below.
  4. Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Conditional options: Suffix position appears when Show number is yes; Suffix spacing appears when Show number is yes.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Right of number

Suffix position = right

0%
Layout

Left of number

Suffix position = left

0%
Layout

Above number

Suffix position = top

0%
Layout

Below number

Suffix position = bottom

0%

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Content

OptionTypeChoices / rangeDefaultNotes
Percent
percent		Numbermin 0, max 10075
Show number
show_number		Toggleon / offyes
Suffix
suffix		Text%
Suffix position
suffix_pos		DropdownRight of number, Left of number, Above number, Below numberrightShown when show_number = yes
Suffix spacing
suffix_gap		Slidermin 0, max 40, px/em2Shown when show_number = yes
Label
inner_text		Text
Animation (ms)
duration		Numbermin 200, max 60001400

Style tab

Style

OptionTypeChoices / rangeDefaultNotes
Size
size		Slidermin 40, max 400, px
Thickness
stroke		Slidermin 1, max 30, px
Progress Color
bar_color		Color
Track Color
track_color		Color
Number Typography
num_typo		Typography
Number Color
num_color		Color
Text Typography
txt_typo		Typography
Text Color
txt_color		Color

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_82" and a settings object using the keys above. Run get-custom-widget with id 82 for the full JSON spec.