{"id":94175,"date":"2024-01-01T17:03:03","date_gmt":"2024-01-01T11:33:03","guid":{"rendered":"https:\/\/www.ultimatebeaver.com\/?post_type=docs&#038;p=94175"},"modified":"2024-01-03T16:04:50","modified_gmt":"2024-01-03T10:34:50","slug":"progress-bar-module","status":"publish","type":"docs","link":"https:\/\/www.ultimatebeaver.com\/docs\/progress-bar-module\/","title":{"rendered":"How to Configure Progress Bar Module"},"content":{"rendered":"\n<p>Are you excited to make your pages more interesting? The Progress Bar module can help you show progress, skills, or any important information in a cool way. <\/p>\n\n\n\n<figure data-spectra-id=\"spectra-cebce3ef-66b7-4347-935a-40cdcdb7ac84\" class=\"wp-block-image size-large\"><a href=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/profir.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"322\" src=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/profir-1024x322.png\" alt=\"Profir 1024x322\" class=\"wp-image-94193\" title=\"How to Configure Progress Bar Module\" srcset=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/profir-1024x322.png 1024w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/profir-300x94.png 300w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/profir-768x241.png 768w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/profir-1536x483.png 1536w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/profir-400x126.png 400w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/profir.png 1794w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Imagine easily adding these moving bars to your pages to: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Show How Much of a Project is Done: Keep everyone updated and excited about what&#8217;s coming next.   <\/li>\n\n\n\n<li>Display How Good You Are at Something: Make it easy for people to see your skills.   <\/li>\n\n\n\n<li>Celebrate Finishing a Goal: Feel proud of what you&#8217;ve achieved and keep going.   <\/li>\n<\/ul>\n\n\n\n<p>You can do so much more with it! <\/p>\n\n\n\n<p>This guide will help you understand how to use the Progress Bar module to make your pages look great. Let&#8217;s get started and learn how to turn content into interesting visual stories. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-94175-_heading=h.jdg39xwice9o\"><\/a><strong>How to Configure the Progress Bar Module<\/strong><\/h3>\n\n\n\n<p>Before you start using this module, it&#8217;s important to have the UABB and Beaver Builder plugins installed and activated on your website. Once that&#8217;s set up, follow these steps to add the Progress Bar module to your desired page or post: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the page or post where you want to include this module.   <\/li>\n\n\n\n<li>Click on &#8220;Launch Beaver Builder&#8221; to access the frontend editor.   <\/li>\n\n\n\n<li> Beaver Builder allows you to add modules directly from the frontend. Look for the Progress Bar module in the available options.   <\/li>\n\n\n\n<li> Drag and drop the Progress Bar module to your desired location on the page.   <\/li>\n\n\n\n<li>Once you&#8217;ve added the module, you&#8217;ll notice different tabs like General, Style, Typography, and Advanced.    <\/li>\n<\/ul>\n\n\n\n<p>Let&#8217;s break down what each of these tabs does: <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a id=\"post-94175-_heading=h.lio5qbhlow7p\"><\/a><strong>UABB Progress Bar Module General Tab<\/strong><\/h4>\n\n\n\n<p><\/p>\n\n\n\n<p>This tab typically contains settings related to the basic functionality of the Progress Bar module.  <\/p>\n\n\n\n<p><strong>Bar Appearance<\/strong>: This option allows you to select the style from predefined 4 styles which are: &#8211; \n<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> Horizontal   <\/li>\n\n\n\n<li>Vertical   <\/li>\n\n\n\n<li>Circular   <\/li>\n\n\n\n<li>Semi &#8211; Circular   <\/li>\n<\/ul>\n\n\n\n<p><strong>Progress Bar Item<\/strong>: &#8211; You can edit the item for further things like content and its style specific item style.\n<\/p>\n\n\n\n<figure data-spectra-id=\"spectra-9d982666-5e4d-40d1-9c16-18c5945b125d\" class=\"wp-block-image\"><a href=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-1.png\"><img decoding=\"async\" width=\"1027\" height=\"744\" src=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-1.png\" alt=\"Word Image 94175 1\" class=\"wp-image-94176\" title=\"How to Configure Progress Bar Module\" srcset=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-1.png 1027w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-1-300x217.png 300w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-1-1024x742.png 1024w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-1-768x556.png 768w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-1-400x290.png 400w\" sizes=\"(max-width: 1027px) 100vw, 1027px\" \/><\/a><\/figure>\n\n\n\n<p>Once you click on edit progress bar item, you can access the Progress Settings: &#8211;  <\/p>\n\n\n\n<figure data-spectra-id=\"spectra-535b8f03-e79e-4741-9b1b-1fb6d6eb476a\" class=\"wp-block-image\"><a href=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-2.png\"><img decoding=\"async\" width=\"898\" height=\"744\" src=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-2.png\" alt=\"Word Image 94175 2\" class=\"wp-image-94177\" title=\"How to Configure Progress Bar Module\" srcset=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-2.png 898w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-2-300x249.png 300w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-2-768x636.png 768w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-2-400x331.png 400w\" sizes=\"(max-width: 898px) 100vw, 898px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Progress Value:<\/strong> &#8211; Set the value as per your need <\/li>\n\n\n\n<li><strong>Text Before Number:<\/strong> &#8211; Add any text that you wish to add before the number. <\/li>\n\n\n\n<li><strong>Text After Number:<\/strong> &#8211;  Add any text that you wish to add after the number. <\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><a id=\"post-94175-_heading=h.tcttzmvg2z49\"><\/a><strong>UABB Progress Bar Module Style Tab<\/strong><\/h4>\n\n\n\n<p><\/p>\n\n\n\n<p>Here, you can customize the visual appearance of the Progress Bar. This includes options for colors, shapes, and other style-related settings to make it match your website&#8217;s design. <\/p>\n\n\n\n<p>When you click<strong> Edit Progress Bar Item<\/strong>, you can see: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Progress Colo<\/strong>r: You can style the progress bar with color. <\/li>\n\n\n\n<li><strong>Progress Background<\/strong>: &#8211; You can set the background color for your progress bar. <\/li>\n<\/ul>\n\n\n\n<figure data-spectra-id=\"spectra-4494a86c-95ce-4f3b-9758-1dabd9c74834\" class=\"wp-block-image\"><a href=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"754\" src=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-3.png\" alt=\"Word Image 94175 3\" class=\"wp-image-94178\" title=\"How to Configure Progress Bar Module\" srcset=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-3.png 1020w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-3-300x222.png 300w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-3-768x568.png 768w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-3-400x296.png 400w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/><\/a><\/figure>\n\n\n\n<p>Once done you can then style the overall styling with Style Tab. <\/p>\n\n\n\n<p>Within the style tab, you would see progress bar alignment, spacing, etc.  <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Spacing<\/strong>: Add spacing between two progress bars.\n  <\/li>\n\n\n\n<li><strong>Stripped Selector<\/strong>: Enable \u201c<strong>Yes\u201d<\/strong> or \u201c<strong>No\u201d<\/strong> to set the striped style. ( It will work when you add color to the progress bar )   <\/li>\n<\/ul>\n\n\n\n<p><strong>Horizontal Style<\/strong>: &#8211; It depends on the Progress Bar style that you select from the General Setting tab\n<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n    Style\n  <\/li>\n\n\n\n<li>\n    Thickness\n  <\/li>\n\n\n\n<li>\n    Space below title\n  <\/li>\n<\/ul>\n\n\n\n<p><strong>Border<\/strong> &#8211; Set border, border radius, and shadow to the progress bar.\n<\/p>\n\n\n\n<p><a id=\"post-94175-_heading=h.2et92p0\"><\/a><strong>Animation<\/strong>: &#8211; The animation feature lets you animate the progress bar when your site visitor scrolls down the page.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Animation Speed<\/strong> &#8211; You can set the speed in terms of seconds to complete the animation.\n  <\/li>\n\n\n\n<li><strong>Animation Delay<\/strong> &#8211; Delay the animation in terms of seconds.\n  <\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><a id=\"post-94175-_heading=h.nhequj8nhwbs\"><\/a><strong>UABB Progress Bar Module Typography Tab<\/strong><\/h4>\n\n\n\n<p><\/p>\n\n\n\n<p>The Typography tab focuses on the text elements within the Progress Bar. You can modify the font, size, and other text-related features to enhance the module&#8217;s overall look. <\/p>\n\n\n\n<figure data-spectra-id=\"spectra-16633ff9-fc16-4fcb-94f9-a2276a50102f\" class=\"wp-block-image\"><a href=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1021\" height=\"748\" src=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-4.png\" alt=\"Word Image 94175 4\" class=\"wp-image-94179\" title=\"How to Configure Progress Bar Module\" srcset=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-4.png 1021w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-4-300x220.png 300w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-4-768x563.png 768w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-4-400x293.png 400w\" sizes=\"(max-width: 1021px) 100vw, 1021px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a id=\"post-94175-_heading=h.9abmcr901q00\"><\/a><strong>UABB Progress Bar Module Advanced Tab<\/strong><\/h4>\n\n\n\n<p><\/p>\n\n\n\n<p>Now, if you&#8217;re someone who likes to get a bit more hands-on with customization, the Advanced tab is where the magic happens. <\/p>\n\n\n\n<p>Here, you can tweak and fine-tune things. It&#8217;s like your control center for taking the Progress Bar module to the next level, allowing you to play around with more advanced styling and functionality options. <\/p>\n\n\n\n<p>So, if you&#8217;re feeling creative or want to add that extra touch of personalization, the Advanced tab is the place to be. <\/p>\n\n\n\n<figure data-spectra-id=\"spectra-570b63e4-76b1-432f-87a9-424f5b17c515\" class=\"wp-block-image\"><a href=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"750\" src=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-5.png\" alt=\"Word Image 94175 5\" class=\"wp-image-94180\" title=\"How to Configure Progress Bar Module\" srcset=\"https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-5.png 1020w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-5-300x221.png 300w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-5-768x565.png 768w, https:\/\/www.ultimatebeaver.com\/wp-content\/uploads\/2024\/01\/word-image-94175-5-400x294.png 400w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/><\/a><\/figure>\n\n\n\n<p>By navigating through these tabs, you can tailor the Progress Bar module to suit your specific preferences and seamlessly integrate it into your website.  <\/p>\n\n\n\n<p>We hope this document has been helpful. If you have any questions, feel free to leave a comment below. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you excited to make your pages more interesting? The Progress Bar module can help [&hellip;]<\/p>\n","protected":false},"author":67,"featured_media":0,"template":"","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_pfd_related_docs_manual":[],"pfd_doc_title":"","spectra_gs_classes":"","footnotes":""},"docs_category":[449],"docs_tag":[],"class_list":["post-94175","docs","type-docs","status-publish","hentry","docs_category-progress-bar"],"spectra_custom_meta":{"_uabb_version":["1.35.18"],"_edit_lock":["1720704436:70"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["23"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"theme-transparent-header-meta":[""],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"_edit_last":["67"],"_wp_old_slug":["how-to-configure-progress-bar-module"],"views":["91429"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"c9c12dac119100b819ae39f5d0821241\";s:6:\"images\";a:1:{i:0;i:94193;}}"],"rank_math_primary_docs_category":["449"],"_uag_page_assets":["a:9:{s:3:\"css\";s:5953:\".uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\n.wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}\n.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-1);}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading {text-align: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd .uagb-heading-text{font-family: \"Poppins\";font-weight: 600;font-size: 14px;line-height: 1.2em;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-1);}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading {text-align: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd .uagb-heading-text{font-family: \"Poppins\";font-weight: 600;font-size: 14px;line-height: 1.2em;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-1);}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading {text-align: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd .uagb-heading-text{font-family: \"Poppins\";font-weight: 600;font-size: 14px;line-height: 1.2em;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-1);}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading {text-align: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a170d6bd .uagb-heading-text{font-family: \"Poppins\";font-weight: 600;font-size: 14px;line-height: 1.2em;}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:6:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:9:\"core\/list\";i:3;s:14:\"core\/list-item\";i:4;s:12:\"core\/heading\";i:5;s:21:\"uagb\/advanced-heading\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777875193\";s:6:\"gfonts\";a:1:{s:7:\"Poppins\";a:2:{s:10:\"fontfamily\";s:7:\"Poppins\";s:12:\"fontvariants\";a:1:{i:0;s:3:\"600\";}}}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"],"helpful":["0"],"unhelpful":["0"],"redirects":["0"],"_uag_css_file_name":["uag-css-94175.css"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"rest-api-thumbnails":false},"uagb_author_info":{"display_name":"mounikak","author_link":"https:\/\/www.ultimatebeaver.com\/author\/mounikak\/"},"uagb_comment_info":0,"uagb_excerpt":"Are you excited to make your pages more interesting? The Progress Bar module can help [&hellip;]","_links":{"self":[{"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs\/94175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/users\/67"}],"version-history":[{"count":10,"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs\/94175\/revisions"}],"predecessor-version":[{"id":94194,"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs\/94175\/revisions\/94194"}],"wp:attachment":[{"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/media?parent=94175"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs_category?post=94175"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/www.ultimatebeaver.com\/wp-json\/wp\/v2\/docs_tag?post=94175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}