{"id":5182,"date":"2026-09-20T20:24:20","date_gmt":"2026-09-20T20:24:20","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/progress-bars\/"},"modified":"2026-09-21T17:34:43","modified_gmt":"2026-09-21T17:34:43","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/progress-bars\/","title":{"rendered":"Progress Bars"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5182\" class=\"elementor elementor-5182\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b7263c e-flex e-con-boxed e-con e-parent\" data-id=\"7b7263c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d0f8a20 e-flex e-con-full e-con e-child\" data-id=\"d0f8a20\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25fb774 elementor-widget elementor-widget-html\" data-id=\"25fb774\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"top\"><a href=\"https:\/\/marketplace.emcptools.com\/widgets\/\">&larr; All widgets<\/a><span>Widget 152 &middot; <code>emcp_custom_152<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Progress Bars<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">7 layouts<\/span><span class=\"chip\">9 content options<\/span><span class=\"chip\">18 style options<\/span><span class=\"chip\">3 panel sections<\/span><\/div><p>Built with the EMCP Widget Builder and registered under the <b>EMCP Custom<\/b> category of the Elementor panel. Search the panel for: progress, skill, bar, percentage, stats.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64597e7 e-flex e-con-full e-con e-child\" data-id=\"64597e7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9aafd10 elementor-widget elementor-widget-html\" data-id=\"9aafd10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Setup guide<\/h2><ol><li>Open a page in Elementor, search the panel for <b>Progress Bars<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Bars<\/b>: Bars, Style, Show Value, Count Up Number, Animate on Scroll, Animation Duration (ms), Stagger Between Bars (ms), Segments (segmented \/ dots) and 1 more.<\/li><li>Pick a <b>Style<\/b>: Rounded, Flat square, Thin line, Segmented blocks, Value in tooltip bubble, Value inside the fill, Dot scale. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Bar, Text. Colours, typography and spacing set here are scoped to this widget instance.<\/li><li>Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.<\/li><\/ol><div class=\"note\">Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-775117d e-flex e-con-full e-con e-child\" data-id=\"775117d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a6c21b elementor-widget elementor-widget-html\" data-id=\"9a6c21b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Rounded<\/h3><\/div><p class=\"demo-cap\">Style = <code>rounded<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ac51fc elementor-widget elementor-widget-emcp_custom_152\" data-id=\"8ac51fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_152.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-pb emcp-pb--rounded emcp-pb--label-above will-animate count-up\" data-stagger=\"150\" data-segments=\"10\"><div class=\"emcp-pb__list\"><div class=\"emcp-pb__item\" data-value=\"90\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Design<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"75\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Development<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"60\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Marketing<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"95\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Support<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4e98fc e-flex e-con-full e-con e-child\" data-id=\"c4e98fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd7d481 elementor-widget elementor-widget-html\" data-id=\"dd7d481\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Flat square<\/h3><\/div><p class=\"demo-cap\">Style = <code>flat<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da18ab2 elementor-widget elementor-widget-emcp_custom_152\" data-id=\"da18ab2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_152.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-pb emcp-pb--flat emcp-pb--label-above will-animate count-up\" data-stagger=\"150\" data-segments=\"10\"><div class=\"emcp-pb__list\"><div class=\"emcp-pb__item\" data-value=\"90\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Design<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"75\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Development<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"60\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Marketing<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"95\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Support<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f1fa2e e-flex e-con-full e-con e-child\" data-id=\"5f1fa2e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7708142 elementor-widget elementor-widget-html\" data-id=\"7708142\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Thin line<\/h3><\/div><p class=\"demo-cap\">Style = <code>thin<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ad0f31 elementor-widget elementor-widget-emcp_custom_152\" data-id=\"2ad0f31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_152.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-pb emcp-pb--thin emcp-pb--label-above will-animate count-up\" data-stagger=\"150\" data-segments=\"10\"><div class=\"emcp-pb__list\"><div class=\"emcp-pb__item\" data-value=\"90\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Design<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"75\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Development<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"60\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Marketing<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"95\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Support<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae010f8 e-flex e-con-full e-con e-child\" data-id=\"ae010f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e078e3 elementor-widget elementor-widget-html\" data-id=\"2e078e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Segmented blocks<\/h3><\/div><p class=\"demo-cap\">Style = <code>segmented<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0771482 elementor-widget elementor-widget-emcp_custom_152\" data-id=\"0771482\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_152.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-pb emcp-pb--segmented emcp-pb--label-above will-animate count-up\" data-stagger=\"150\" data-segments=\"10\"><div class=\"emcp-pb__list\"><div class=\"emcp-pb__item\" data-value=\"90\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Design<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"75\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Development<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"60\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Marketing<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"95\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Support<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09ad1df e-flex e-con-full e-con e-child\" data-id=\"09ad1df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff4932d elementor-widget elementor-widget-html\" data-id=\"ff4932d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Value in tooltip bubble<\/h3><\/div><p class=\"demo-cap\">Style = <code>tooltip<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db82837 elementor-widget elementor-widget-emcp_custom_152\" data-id=\"db82837\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_152.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-pb emcp-pb--tooltip emcp-pb--label-above will-animate count-up\" data-stagger=\"150\" data-segments=\"10\"><div class=\"emcp-pb__list\"><div class=\"emcp-pb__item\" data-value=\"90\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Design<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"75\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Development<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"60\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Marketing<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"95\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Support<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53bba3a e-flex e-con-full e-con e-child\" data-id=\"53bba3a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a0ac67 elementor-widget elementor-widget-html\" data-id=\"8a0ac67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Value inside the fill<\/h3><\/div><p class=\"demo-cap\">Style = <code>inside<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11fbf70 elementor-widget elementor-widget-emcp_custom_152\" data-id=\"11fbf70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_152.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-pb emcp-pb--inside emcp-pb--label-above will-animate count-up\" data-stagger=\"150\" data-segments=\"10\"><div class=\"emcp-pb__list\"><div class=\"emcp-pb__item\" data-value=\"90\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Design<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"75\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Development<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"60\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Marketing<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"95\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Support<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d09e282 e-flex e-con-full e-con e-child\" data-id=\"d09e282\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd8a602 elementor-widget elementor-widget-html\" data-id=\"fd8a602\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Dot scale<\/h3><\/div><p class=\"demo-cap\">Style = <code>dots<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0b9f8a elementor-widget elementor-widget-emcp_custom_152\" data-id=\"d0b9f8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_152.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-pb emcp-pb--dots emcp-pb--label-above will-animate count-up\" data-stagger=\"150\" data-segments=\"10\"><div class=\"emcp-pb__list\"><div class=\"emcp-pb__item\" data-value=\"90\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Design<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"75\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Development<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"60\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Marketing<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><div class=\"emcp-pb__item\" data-value=\"95\" data-max=\"100\" style=\"--emcp-pb-fill-i:\"><div class=\"emcp-pb__head\"><span class=\"emcp-pb__label\">Support<\/span><span class=\"emcp-pb__value emcp-pb__value--head\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__track\"><div class=\"emcp-pb__fill\"><span class=\"emcp-pb__value emcp-pb__value--fill\"><span class=\"emcp-pb__num\">0<\/span>%<\/span><\/div><div class=\"emcp-pb__segs\"><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a250699 e-flex e-con-full e-con e-child\" data-id=\"a250699\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb29073 elementor-widget elementor-widget-html\" data-id=\"bb29073\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Options reference<\/h2><p>Every control the widget exposes, grouped by panel section. Names in <code>code<\/code> are the setting keys used by the MCP tools (<code>add-free-widget<\/code>, <code>update-widget<\/code>).<\/p><h3 style=\"margin-top:8px\">Content tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Bars<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Bars<\/b><br><code>bars<\/code><\/td><td>Repeater<\/td><td><\/td><td>4 items<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Label<\/b><br><code>label<\/code><\/td><td>Text<\/td><td><\/td><td>Design<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Value<\/b><br><code>value<\/code><\/td><td>Number<\/td><td>min 0, max 1000<\/td><td>80<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Max (default 100)<\/b><br><code>max<\/code><\/td><td>Number<\/td><td>min 1, max 100000<\/td><td>100<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Suffix<\/b><br><code>suffix<\/code><\/td><td>Text<\/td><td><\/td><td>%<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Fill Color Override<\/b><br><code>color<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Icon<\/b><br><code>icon<\/code><\/td><td>Icon<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Right-side Note<\/b><br><code>note<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Style<\/b><br><code>style<\/code><\/td><td>Dropdown<\/td><td>Rounded, Flat square, Thin line, Segmented blocks, Value in tooltip bubble, Value inside the fill, Dot scale<\/td><td>rounded<\/td><td><\/td><\/tr><tr><td><b>Show Value<\/b><br><code>show_value<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Count Up Number<\/b><br><code>count_up<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Animate on Scroll<\/b><br><code>animate<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Animation Duration (ms)<\/b><br><code>duration<\/code><\/td><td>Number<\/td><td>min 100, max 6000<\/td><td>1200<\/td><td><\/td><\/tr><tr><td><b>Stagger Between Bars (ms)<\/b><br><code>stagger<\/code><\/td><td>Number<\/td><td>min 0, max 1000<\/td><td>150<\/td><td><\/td><\/tr><tr><td><b>Segments (segmented \/ dots)<\/b><br><code>segments<\/code><\/td><td>Number<\/td><td>min 2, max 30<\/td><td>10<\/td><td><\/td><\/tr><tr><td><b>Label Position<\/b><br><code>label_pos<\/code><\/td><td>Dropdown<\/td><td>Above bar, Left of bar, Inside the track<\/td><td>above<\/td><td><\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Bar<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Height<\/b><br><code>height<\/code><\/td><td>Slider<\/td><td>min 2, max 60, px<\/td><td>10<\/td><td><\/td><\/tr><tr><td><b>Track Color<\/b><br><code>track<\/code><\/td><td>Color<\/td><td><\/td><td>#eaecf0<\/td><td><\/td><\/tr><tr><td><b>Fill Color<\/b><br><code>fill<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Radius<\/b><br><code>radius<\/code><\/td><td>Slider<\/td><td>min 0, max 99, px<\/td><td>99<\/td><td><\/td><\/tr><tr><td><b>Track Border<\/b><br><code>track_border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Fill Shadow<\/b><br><code>fill_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Space Between Bars<\/b><br><code>gap<\/code><\/td><td>Slider<\/td><td>min 0, max 80, px<\/td><td>22<\/td><td><\/td><\/tr><tr><td><b>Label Width (left layout)<\/b><br><code>label_w<\/code><\/td><td>Slider<\/td><td>min 60, max 400, px<\/td><td>140<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Text<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Label Typography<\/b><br><code>label_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Label Color<\/b><br><code>label_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Value Typography<\/b><br><code>value_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Value Color<\/b><br><code>value_color<\/code><\/td><td>Color<\/td><td><\/td><td>#475467<\/td><td><\/td><\/tr><tr><td><b>Note Color<\/b><br><code>note_color<\/code><\/td><td>Color<\/td><td><\/td><td>#98a2b3<\/td><td><\/td><\/tr><tr><td><b>Icon Color<\/b><br><code>icon_color<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Icon Size<\/b><br><code>icon_size<\/code><\/td><td>Slider<\/td><td>min 10, max 40, px<\/td><td>16<\/td><td><\/td><\/tr><tr><td><b>Tooltip Background<\/b><br><code>tip_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Tooltip Text<\/b><br><code>tip_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Label to Bar Gap<\/b><br><code>head_gap<\/code><\/td><td>Slider<\/td><td>min 0, max 30, px<\/td><td>8<\/td><td><\/td><\/tr><\/tbody><\/table><h3>Add it with the MCP tools<\/h3><p>Any connected agent can place this widget: call <code>add-free-widget<\/code> with <code>widget_type: \"emcp_custom_152\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>152<\/code> for the full JSON spec.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&larr; All widgetsWidget 152 &middot; emcp_custom_152 Progress Bars Elementor widget7 layouts9 content options18 style options3 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: progress, skill, bar, percentage, stats. Setup guide Open a page in Elementor, search the panel for Progress [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5182","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/comments?post=5182"}],"version-history":[{"count":31,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5182\/revisions"}],"predecessor-version":[{"id":6276,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5182\/revisions\/6276"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=5182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}