Progress bars are great for visually tracking completion across pages, blocks, and funnels.
Progress bars are great for visually tracking completion across pages, blocks, and funnels.
Go to Widgets – Open the Widgets panel in your editor.
Select “Progress Bar” – Add it to your page for real-time tracking.
Use in Dynamic URLs – The progress bar can also be integrated into dynamic links for adaptable tracking.
This ensures smooth user experience while keeping progress visually engaging!Now that you have the progress bar on your page, you can now open the settings tab to modify the look.Progress: Set the progress % to where you need it.Select the colour and background.Choose the height of the progress bar and whether you need it animated or not.
To make your progress bar dynamic, add a URL string to your page domain where the progress bar is included. This will automatically update the progress percentage based on the URL string parameter you set.WWW.YOURDOMAIN/PAGE?progress=20% This will change the progress bar % to 20%. You can modify the % to suit your needs.
{"docsConfig":{"theme":"luma","$schema":"https://mintlify.com/docs.json","name":"Bosscart by Alavon365","description":"Developer documentation for the Bosscart API and related support resources.","colors":{"primary":"#003CFE","light":"#FFFFFF","dark":"#15803D"},"logo":{"light":"https://mintlify.s3.us-west-1.amazonaws.com/alavon365/logo/bosscart%20main.png","dark":"https://mintlify.s3.us-west-1.amazonaws.com/alavon365/logo/bosscart%20white.png"},"favicon":"https://mintlify.s3.us-west-1.amazonaws.com/alavon365/gradient_icon-6787089.png","appearance":{"default":"dark","strict":false},"background":{"decoration":"windows"},"navbar":{"links":[{"href":"https://help.alavon365.com/","label":"Support"}],"primary":{"type":"button","label":"Dashboard","href":"https://bosscart.io/login"}},"footer":{"socials":{"x":"https://x.com/alavon365","github":"https://github.com/alavon5/docs","linkedin":"https://linkedin.com/company/alavon365","facebook":"https://facebook.com/alavon365","website":"https://bosscart.io"}},"fonts":{"family":"Inter"},"icons":{"library":"lucide"},"contextual":{"options":["copy","assistant","view","download-spec","chatgpt","claude","perplexity","grok","aistudio"],"display":"header"},"interaction":{"drilldown":false},"metadata":{"timestamp":true},"markdown":{"schema":false},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"Help Center","icon":"book-open-text","href":"https://help.alavon365.com/"},{"anchor":"Blog","icon":"newspaper","href":"https://alavon365.com/blog"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"alavon365","hasAudioNarration":false,"actualSubdomain":"alavon365","customDomains":["docs.bosscart.io"],"gitSource":{"type":"github","owner":"alavon5","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a97b5140e1df4a42bd995ee","collectionId":"81ce5cf0-94c4-42c9-8ea3-6e54e8239dee","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6a97b5140e1df4a42bd995ee"},"feedback":{"thumbs":true,"edits":true,"agentFeedback":true,"issues":true},"entitlements":{},"buildId":"6a97b5140e1df4a42bd995ee","clientVersion":"0.0.4067","searchFilterCounts":[{"language":"default","tag":"Builder","count":168},{"language":"default","tag":"Platform","count":104},{"language":"default","tag":"Endpoints","count":44},{"language":"default","tag":"Widgets","count":35},{"language":"default","tag":"Community \u0026 LMS","count":18},{"language":"default","tag":"Ecommerce","count":16},{"language":"default","tag":"Other","count":14},{"language":"default","tag":"System Emails","count":13},{"language":"default","tag":"System email templates","count":13},{"language":"default","tag":"Blog","count":11}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"custom.css","content":"@media (min-width: 1024px){[data-docs-theme=\"luma\"] #sidebar-content{width:17.5rem!important}[data-docs-theme=\"luma\"] .lg\\:pl-56{padding-left:17.5rem!important}[data-docs-theme=\"luma\"] .sidebar-group a{column-gap:0.625rem;padding-right:0.5rem}}"}],"page":{"pagePath":"builder/platform/widgets/other/progress-bar-widget","slug":"/builder/platform/widgets/other/progress-bar-widget","pageMetadata":{"title":"Progress bar widget","description":"Progress bars are great for visually tracking completion across pages, blocks, and funnels.","source":"https://buildersupport.gitbook.io/help-docs/platform/widgets/other/progress-bar-widget","href":"/builder/platform/widgets/other/progress-bar-widget"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Progress bars are great for visually tracking completion across pages, blocks, and funnels.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Heading,OptimizedImage}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`Progress bars are great for `,_jsx(_components.strong,{children:`visually tracking completion`}),` across pages, blocks, and funnels.`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Go to Widgets`}),` – Open the `,_jsx(_components.strong,{children:`Widgets panel`}),` in your editor.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Select “Progress Bar”`}),` – Add it to your page for real-time tracking.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Use in Dynamic URLs`}),` – The progress bar can also be `,_jsx(_components.strong,{children:`integrated into dynamic links`}),` for adaptable tracking.`]}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`This ensures `,_jsx(_components.strong,{children:`smooth user experience`}),` while keeping progress visually engaging!`]}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/alavon365/zazDpBR889DAW7oG/images/builder/1fec2d43b5e9d7bf.png?fit=max\u0026auto=format\u0026n=zazDpBR889DAW7oG\u0026q=85\u0026s=a5df803dddec70b9e5653cc305105979`,alt:``,\"data-og-width\":`768`,width:`768`,\"data-og-height\":`468`,height:`468`,\"data-path\":`images/builder/1fec2d43b5e9d7bf.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/alavon365/zazDpBR889DAW7oG/images/builder/1fec2d43b5e9d7bf.png?w=280\u0026fit=max\u0026auto=format\u0026n=zazDpBR889DAW7oG\u0026q=85\u0026s=63ece850928481d55904a4024d6e4423 280w, https://mintcdn.com/alavon365/zazDpBR889DAW7oG/images/builder/1fec2d43b5e9d7bf.png?w=560\u0026fit=max\u0026auto=format\u0026n=zazDpBR889DAW7oG\u0026q=85\u0026s=73b991fc67c309b78e42f7f2d69504cb 560w, https://mintcdn.com/alavon365/zazDpBR889DAW7oG/images/builder/1fec2d43b5e9d7bf.png?w=840\u0026fit=max\u0026auto=format\u0026n=zazDpBR889DAW7oG\u0026q=85\u0026s=625fbb72835c128d02444ccf9837a035 840w, https://mintcdn.com/alavon365/zazDpBR889DAW7oG/images/builder/1fec2d43b5e9d7bf.png?w=1100\u0026fit=max\u0026auto=format\u0026n=zazDpBR889DAW7oG\u0026q=85\u0026s=eb270cd04be77db4d3bd79928dac6b9f 1100w, https://mintcdn.com/alavon365/zazDpBR889DAW7oG/images/builder/1fec2d43b5e9d7bf.png?w=1650\u0026fit=max\u0026auto=format\u0026n=zazDpBR889DAW7oG\u0026q=85\u0026s=05cb1ffbc1cd0db12941e22e12207d81 1650w, https://mintcdn.com/alavon365/zazDpBR889DAW7oG/images/builder/1fec2d43b5e9d7bf.png?w=2500\u0026fit=max\u0026auto=format\u0026n=zazDpBR889DAW7oG\u0026q=85\u0026s=b6f07320dbcef13445d706f8cace1b9c 2500w`}),`\n`,_jsx(_components.p,{children:`Now that you have the progress bar on your page, you can now open the settings tab to modify the look.`}),`\n`,_jsx(_components.p,{children:`Progress: Set the progress % to where you need it.`}),`\n`,_jsx(_components.p,{children:`Select the colour and background.`}),`\n`,_jsx(_components.p,{children:`Choose the height of the progress bar and whether you need it animated or not.`}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/alavon365/FzeaQ9w7x4DDlcd4/images/builder/4a5639fd08a547ac.png?fit=max\u0026auto=format\u0026n=FzeaQ9w7x4DDlcd4\u0026q=85\u0026s=06f59e5ecd96e7de3bca0a218021b20b`,alt:``,\"data-og-width\":`929`,width:`929`,\"data-og-height\":`513`,height:`513`,\"data-path\":`images/builder/4a5639fd08a547ac.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/alavon365/FzeaQ9w7x4DDlcd4/images/builder/4a5639fd08a547ac.png?w=280\u0026fit=max\u0026auto=format\u0026n=FzeaQ9w7x4DDlcd4\u0026q=85\u0026s=e40f7ac941c11df2050df5bb0d1ac8c9 280w, https://mintcdn.com/alavon365/FzeaQ9w7x4DDlcd4/images/builder/4a5639fd08a547ac.png?w=560\u0026fit=max\u0026auto=format\u0026n=FzeaQ9w7x4DDlcd4\u0026q=85\u0026s=c5c98d5355b0eadf2f56fbf9ec8aa8fc 560w, https://mintcdn.com/alavon365/FzeaQ9w7x4DDlcd4/images/builder/4a5639fd08a547ac.png?w=840\u0026fit=max\u0026auto=format\u0026n=FzeaQ9w7x4DDlcd4\u0026q=85\u0026s=6e1eb4fb991b05e3044f56eb94d47ab7 840w, https://mintcdn.com/alavon365/FzeaQ9w7x4DDlcd4/images/builder/4a5639fd08a547ac.png?w=1100\u0026fit=max\u0026auto=format\u0026n=FzeaQ9w7x4DDlcd4\u0026q=85\u0026s=77a8e5a580c5d95b10b92176601a46e2 1100w, https://mintcdn.com/alavon365/FzeaQ9w7x4DDlcd4/images/builder/4a5639fd08a547ac.png?w=1650\u0026fit=max\u0026auto=format\u0026n=FzeaQ9w7x4DDlcd4\u0026q=85\u0026s=a60548cac51a0fef98e6b7adf04a1846 1650w, https://mintcdn.com/alavon365/FzeaQ9w7x4DDlcd4/images/builder/4a5639fd08a547ac.png?w=2500\u0026fit=max\u0026auto=format\u0026n=FzeaQ9w7x4DDlcd4\u0026q=85\u0026s=39ec5986d775aeae813c1147b06fc545 2500w`}),`\n`,_jsx(Heading,{level:`3`,id:`dynamic-bar-url`,children:`Dynamic Bar Url`}),`\n`,_jsx(_components.p,{children:`To make your progress bar dynamic, add a URL string to your page domain where the progress bar is included. This will automatically update the progress percentage based on the URL string parameter you set.`}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.a,{href:`http://www.yourdomain/PAGE?progress=20%25`,children:`WWW.YOURDOMAIN/PAGE?progress=20%`}),` This will change the progress bar % to 20%. You can modify the % to suit your needs.`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Progress bar widget","description":"Progress bars are great for visually tracking completion across pages, blocks, and funnels.","source":"https://buildersupport.gitbook.io/help-docs/platform/widgets/other/progress-bar-widget","href":"/builder/platform/widgets/other/progress-bar-widget"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Dynamic Bar Url","slug":"dynamic-bar-url","depth":3,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"alavon365","siteName":"Bosscart by Alavon365","title":"Progress bar widget - Bosscart by Alavon365","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-09-02T03:39:01.966Z","gitLastModified":"2026-09-02T03:38:26.000Z","originalFileLocation":"builder/platform/widgets/other/progress-bar-widget.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"dark\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Progress bars are great for visually tracking completion across pages, blocks, and funnels.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Bosscart by Alavon365\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"https://mintlify.s3.us-west-1.amazonaws.com/alavon365/gradient_icon-6787089.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"https://mintlify.s3.us-west-1.amazonaws.com/alavon365/gradient_icon-6787089.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"https://mintlify.s3.us-west-1.amazonaws.com/alavon365/gradient_icon-6787089.png\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/png\" href=\"https://mintlify.s3.us-west-1.amazonaws.com/alavon365/gradient_icon-6787089.png\">\u003cmeta data-mint-head property=\"og:title\" content=\"Progress bar widget - Bosscart by Alavon365\">\u003cmeta data-mint-head property=\"og:description\" content=\"Progress bars are great for visually tracking completion across pages, blocks, and funnels.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Bosscart by Alavon365\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.bosscart.io/builder/platform/widgets/other/progress-bar-widget\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://alavon365.mintlify.app/_mintlify/api/og/v2?division=Other\u0026amp;title=Progress+bar+widget\u0026amp;description=Progress+bars+are+great+for+visually+tracking+completion+across+pages%2C+blocks%2C+and+funnels.\u0026amp;theme=44a38cb98c5261bedcf5b51b\u0026amp;signature=bff71985de246225fc29a0126c26dfabfb6e8a3a41f463777b79bb43198fdd13\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Progress bar widget - Bosscart by Alavon365\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Progress bars are great for visually tracking completion across pages, blocks, and funnels.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://alavon365.mintlify.app/_mintlify/api/og/v2?division=Other\u0026amp;title=Progress+bar+widget\u0026amp;description=Progress+bars+are+great+for+visually+tracking+completion+across+pages%2C+blocks%2C+and+funnels.\u0026amp;theme=44a38cb98c5261bedcf5b51b\u0026amp;signature=bff71985de246225fc29a0126c26dfabfb6e8a3a41f463777b79bb43198fdd13\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"https://mintlify.s3.us-west-1.amazonaws.com/alavon365/_generated/favicon/browserconfig.xml?v=3\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Bosscart by Alavon365\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#003CFE\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.bosscart.io/builder/platform/widgets/other/progress-bar-widget\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/builder/platform/widgets/other/progress-bar-widget.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.bosscart.io/#organization\",\"name\":\"Bosscart by Alavon365\",\"url\":\"https://docs.bosscart.io\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintlify.s3.us-west-1.amazonaws.com/alavon365/logo/bosscart%20main.png\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.bosscart.io#website\",\"name\":\"Bosscart by Alavon365\",\"url\":\"https://docs.bosscart.io\",\"publisher\":{\"@id\":\"https://docs.bosscart.io/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.bosscart.io/builder/platform/widgets/other/progress-bar-widget#webpage\",\"url\":\"https://docs.bosscart.io/builder/platform/widgets/other/progress-bar-widget\",\"name\":\"Progress bar widget\",\"description\":\"Progress bars are great for visually tracking completion across pages, blocks, and funnels.\",\"dateModified\":\"2026-09-02T03:38:26.000Z\",\"isPartOf\":{\"@id\":\"https://docs.bosscart.io#website\"},\"breadcrumb\":{\"@id\":\"https://docs.bosscart.io/builder/platform/widgets/other/progress-bar-widget#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.bosscart.io/builder/platform/widgets/other/progress-bar-widget#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Platform\",\"item\":\"https://docs.bosscart.io/builder/platform/builder/global-styling\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Widgets\",\"item\":\"https://docs.bosscart.io/builder/platform/widgets\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Other\",\"item\":\"https://docs.bosscart.io/builder/platform/widgets/other\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Progress bar widget\",\"item\":\"https://docs.bosscart.io/builder/platform/widgets/other/progress-bar-widget\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.bosscart.io/builder/platform/widgets/other/progress-bar-widget#article\",\"headline\":\"Progress bar widget\",\"name\":\"Progress bar widget\",\"description\":\"Progress bars are great for visually tracking completion across pages, blocks, and funnels.\",\"url\":\"https://docs.bosscart.io/builder/platform/widgets/other/progress-bar-widget\",\"mainEntityOfPage\":{\"@id\":\"https://docs.bosscart.io/builder/platform/widgets/other/progress-bar-widget#webpage\"},\"dateModified\":\"2026-09-02T03:38:26.000Z\",\"publisher\":{\"@id\":\"https://docs.bosscart.io/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.bosscart.io#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Bosscart by Alavon365\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Bosscart by Alavon365","nav":{"global":{"anchors":[{"anchor":"Help Center","icon":"book-open-text","href":"https://help.alavon365.com/"},{"anchor":"Blog","icon":"newspaper","href":"https://alavon365.com/blog"}]},"tabs":[{"tab":"Builder","directory":"card","groups":[{"group":"Start here","pages":[{"title":"Welcome to Bosscart Builder","href":"/builder"}]},{"group":"Platform","pages":[{"group":"Builder","root":{"title":"Builder","href":"/builder/platform/builder"},"pages":[{"title":"Global Styling","href":"/builder/platform/builder/global-styling"},{"title":"Containers","href":"/builder/platform/builder/containers"},{"title":"Mobile Editing","href":"/builder/platform/builder/mobile-editing"},{"group":"Settings","root":{"title":"Settings","href":"/builder/platform/builder/settings"},"pages":[{"title":"Page SEO","href":"/builder/platform/builder/settings/page-seo"},{"title":"File Manager","href":"/builder/platform/builder/settings/file-manager"},{"title":"Domain","href":"/builder/platform/builder/settings/domain"},{"title":"Language and Time","href":"/builder/platform/builder/settings/language-and-time"},{"title":"Cookies and Privacy","href":"/builder/platform/builder/settings/cookies-and-privacy"},{"title":"Customer Data","href":"/builder/platform/builder/settings/customer-data"},{"title":"Favicon and social share image","href":"/builder/platform/builder/settings/favicon-and-social-share-image"},{"title":"llms.txt","href":"/builder/platform/builder/settings/llms.txt"}]},{"group":"Pages","root":{"title":"Pages","href":"/builder/platform/builder/pages"},"pages":[{"title":"Add new page","href":"/builder/platform/builder/pages/add-new-page"},{"title":"Add new blocks","href":"/builder/platform/builder/pages/add-new-blocks"},{"title":"Pop Ups","href":"/builder/platform/builder/pages/pop-ups"}]}]},{"group":"Widgets","root":{"title":"Widgets","href":"/builder/platform/widgets"},"pages":[{"group":"Basic","root":{"title":"Basic","href":"/builder/platform/widgets/basic"},"pages":[{"title":"Heading Text","href":"/builder/platform/widgets/basic/heading-text"},{"title":"Button widget","href":"/builder/platform/widgets/basic/button-widget"},{"title":"Container widget","href":"/builder/platform/widgets/basic/container-widget"},{"title":"Accordion","href":"/builder/platform/widgets/basic/accordion"},{"title":"Icon list","href":"/builder/platform/widgets/basic/icon-list"},{"title":"Headline pill","href":"/builder/platform/widgets/basic/headline-pill"},{"title":"Scrolling Text","href":"/builder/platform/widgets/basic/scrolling-text"},{"title":"Social proof","href":"/builder/platform/widgets/basic/social-proof"},{"title":"Tables","href":"/builder/platform/widgets/basic/tables"},{"title":"Testimonial widget","href":"/builder/platform/widgets/basic/testimonial-widget"},{"title":"Timeline widget","href":"/builder/platform/widgets/basic/timeline-widget"}]},{"group":"Media","root":{"title":"Media","href":"/builder/platform/widgets/media"},"pages":[{"title":"Image widget","href":"/builder/platform/widgets/media/image-widget"},{"title":"Gallery","href":"/builder/platform/widgets/media/gallery"},{"title":"Audio","href":"/builder/platform/widgets/media/audio"},{"title":"Image hotspot","href":"/builder/platform/widgets/media/image-hotspot"},{"title":"Image Auto-rotator","href":"/builder/platform/widgets/media/image-auto-rotator"},{"title":"Image Comparison","href":"/builder/platform/widgets/media/image-comparison"},{"title":"Video Testimonials","href":"/builder/platform/widgets/media/video-testimonials"}]},{"group":"Lead Generation","root":{"title":"Lead Generation","href":"/builder/platform/widgets/lead-generation"},"pages":[{"title":"Forms widget","href":"/builder/platform/widgets/lead-generation/forms-widget"},{"title":"Quizzes \u0026 Surveys","href":"/builder/platform/widgets/lead-generation/quizzes-and-surveys"}]},{"group":"Store","root":{"title":"Store","href":"/builder/platform/widgets/store"},"pages":[{"title":"Checkout","href":"/builder/platform/widgets/store/checkout"},{"title":"Store","href":"/builder/platform/widgets/store/store"},{"title":"Pricing Comparison","href":"/builder/platform/widgets/store/pricing-comparison"},{"title":"Pricing","href":"/builder/platform/widgets/store/pricing"}]},{"group":"Other","root":{"title":"Other","href":"/builder/platform/widgets/other"},"pages":[{"title":"Donation","href":"/builder/platform/widgets/other/donation"},{"title":"Social media","href":"/builder/platform/widgets/other/social-media"},{"title":"Blog","href":"/builder/platform/widgets/other/blog"},{"title":"Chart","href":"/builder/platform/widgets/other/chart"},{"title":"Stat Counter","href":"/builder/platform/widgets/other/stat-counter"},{"title":"Team Members","href":"/builder/platform/widgets/other/team-members"},{"title":"Code","href":"/builder/platform/widgets/other/code"},{"title":"Embed Widget","href":"/builder/platform/widgets/other/embed-widget"},{"title":"Countdown","href":"/builder/platform/widgets/other/countdown"},{"title":"Map Widget","description":"Embedding a Map on Your Website","href":"/builder/platform/widgets/other/map-widget"},{"title":"Progress bar widget","href":"/builder/platform/widgets/other/progress-bar-widget"}]}]},{"group":"Funnels","root":{"title":"Funnels","description":"Learn how to use Funnels in Bosscart Builder.","href":"/builder/platform/funnels"},"pages":[{"title":"Getting started","href":"/builder/platform/funnels/getting-started"},{"title":"Funnel orientation","href":"/builder/platform/funnels/funnel-orientation"},{"title":"Additional Settings","href":"/builder/platform/funnels/additional-settings"},{"title":"A/B Split Testing","href":"/builder/platform/funnels/a-b-split-testing"},{"title":"Create store product","href":"/builder/platform/funnels/create-store-product"},{"title":"Upsell \u0026 Downsell","href":"/builder/platform/funnels/upsell-and-downsell"}]},{"group":"CRM","root":{"title":"CRM","href":"/builder/platform/crm"},"pages":[{"title":"Importing contacts","href":"/builder/platform/crm/importing-contacts"},{"title":"Exporting contacts","href":"/builder/platform/crm/exporting-contacts"},{"title":"Add Contacts Manually","href":"/builder/platform/crm/add-contacts-manually"},{"title":"Contact Profiles","href":"/builder/platform/crm/contact-profiles"},{"title":"Properties","href":"/builder/platform/crm/properties"},{"title":"CRM Tags","href":"/builder/platform/crm/crm-tags"},{"title":"Create a Membership Group","href":"/builder/platform/crm/create-a-membership-group"},{"title":"Membership (Secured) content","href":"/builder/platform/crm/membership-secured-content"}]},{"group":"Ecommerce","root":{"title":"Ecommerce","href":"/builder/platform/ecommerce"},"pages":[{"title":"Store Front Orientation","href":"/builder/platform/ecommerce/store-front-orientation"},{"title":"Creating Store Products","href":"/builder/platform/ecommerce/creating-store-products"},{"title":"Connect your payment processor","href":"/builder/platform/ecommerce/connect-your-payment-processor"},{"title":"Importing products","href":"/builder/platform/ecommerce/importing-products"},{"title":"Shipping options","href":"/builder/platform/ecommerce/shipping-options"},{"title":"Sales taxes","href":"/builder/platform/ecommerce/sales-taxes"},{"title":"Applying discount","href":"/builder/platform/ecommerce/applying-discount"},{"title":"Product categories","href":"/builder/platform/ecommerce/product-categories"},{"title":"Tracking Links","href":"/builder/platform/ecommerce/tracking-links"},{"title":"Managing Orders","href":"/builder/platform/ecommerce/managing-orders"},{"title":"Subscription managment","href":"/builder/platform/ecommerce/subscription-managment"},{"title":"Abandoned Cart","href":"/builder/platform/ecommerce/abandoned-cart"},{"group":"Order Fulfilment","root":{"title":"Order Fulfilment","href":"/builder/platform/ecommerce/order-fulfilment"},"pages":[{"title":"ShipStation","href":"/builder/platform/ecommerce/order-fulfilment/shipstation"},{"title":"Shippo","href":"/builder/platform/ecommerce/order-fulfilment/shippo"},{"title":"ShipBob","href":"/builder/platform/ecommerce/order-fulfilment/shipbob"},{"title":"Printful","href":"/builder/platform/ecommerce/order-fulfilment/printful"}]}]},{"group":"Messaging \u0026 Workflows","root":{"title":"Messaging \u0026 Workflows","href":"/builder/platform/messaging-and-workflows"},"pages":[{"title":"Email Campaigns","href":"/builder/platform/messaging-and-workflows/email-campaigns"},{"title":"Automation Overview","href":"/builder/platform/messaging-and-workflows/automation-overview"},{"title":"Sales Tracking","href":"/builder/platform/messaging-and-workflows/sales-tracking"},{"title":"Email Lists","href":"/builder/platform/messaging-and-workflows/email-lists"},{"title":"Email Account Review","href":"/builder/platform/messaging-and-workflows/email-account-review"},{"title":"Individual Email Sending","href":"/builder/platform/messaging-and-workflows/individual-email-sending"},{"title":"Email Domain Connection","href":"/builder/platform/messaging-and-workflows/email-domain-connection"},{"title":"SMS \u0026 WhatsApp","href":"/builder/platform/messaging-and-workflows/sms-and-whatsapp"},{"title":"Why SMS Marketing is Effective","href":"/builder/platform/messaging-and-workflows/why-sms-marketing-is-effective"}]},{"group":"System Emails","root":{"title":"System Emails","href":"/builder/platform/system-emails"},"pages":[{"group":"System email templates","root":{"title":"System email templates","href":"/builder/platform/system-emails/system-email-templates"},"pages":[{"title":"Appointment reminder","href":"/builder/platform/system-emails/system-email-templates/appointment-reminder"},{"title":"Double opt in confirmation","href":"/builder/platform/system-emails/system-email-templates/double-opt-in-confirmation"},{"title":"Download digital goods","href":"/builder/platform/system-emails/system-email-templates/download-digital-goods"},{"title":"Member registration approved","href":"/builder/platform/system-emails/system-email-templates/member-registration-approved"},{"title":"Password recovery","href":"/builder/platform/system-emails/system-email-templates/password-recovery"},{"title":"New appointment","href":"/builder/platform/system-emails/system-email-templates/new-appointment"},{"title":"Order shipped","href":"/builder/platform/system-emails/system-email-templates/order-shipped"},{"title":"New order","href":"/builder/platform/system-emails/system-email-templates/new-order"},{"title":"Order cancelled","href":"/builder/platform/system-emails/system-email-templates/order-cancelled"},{"title":"Order completed","href":"/builder/platform/system-emails/system-email-templates/order-completed"},{"title":"Subscription failed to renew","href":"/builder/platform/system-emails/system-email-templates/subscription-failed-to-renew"},{"title":"Community Mention","href":"/builder/platform/system-emails/system-email-templates/community-mention"},{"title":"Replied to You","href":"/builder/platform/system-emails/system-email-templates/replied-to-you"}]}]},{"title":"AI Writing Assistant","href":"/builder/platform/ai-writing-assistant"},{"group":"Booking \u0026 Appointments","root":{"title":"Booking \u0026 Appointments","href":"/builder/platform/booking-and-appointments"},"pages":[{"title":"Creating booking","href":"/builder/platform/booking-and-appointments/creating-booking"}]},{"title":"Facebook CAPI","href":"/builder/platform/facebook-capi"}]},{"group":"Community \u0026 LMS","pages":[{"group":"Community Lms","pages":[{"group":"Create a Community","root":{"title":"Create a Community","href":"/builder/community-lms/create-a-community"},"pages":[{"title":"Community Settings","href":"/builder/community-lms/create-a-community/community-settings"},{"title":"Community Dashboard","href":"/builder/community-lms/create-a-community/community-dashboard"},{"title":"Community Moderation","href":"/builder/community-lms/create-a-community/community-moderation"},{"title":"Assign Community Roles","href":"/builder/community-lms/create-a-community/assign-community-roles"}]}]},{"group":"Circles","root":{"title":"Circles","href":"/builder/circles"},"pages":[{"title":"Circle Settings","href":"/builder/circles/circle-settings"},{"title":"Circle Settings \u0026 Styling","href":"/builder/circles/circle-settings-and-styling"},{"title":"Editing Your Circle","href":"/builder/circles/editing-your-circle"},{"title":"Add a New Page/Group","href":"/builder/circles/add-a-new-page-group"},{"title":"Analytics \u0026 Engagement","href":"/builder/circles/analytics-and-engagement"}]},{"title":"Access Levels","href":"/builder/access-levels"},{"title":"Content Availability","href":"/builder/content-availability"},{"group":"Community Widgets","root":{"title":"Community Widgets","href":"/builder/community-widgets"},"pages":[{"title":"Circle","href":"/builder/community-widgets/circle"},{"title":"Circles","href":"/builder/community-widgets/circles"},{"title":"Comment Area","href":"/builder/community-widgets/comment-area"},{"title":"Discussion","href":"/builder/community-widgets/discussion"},{"title":"Reviews","href":"/builder/community-widgets/reviews"},{"title":"Wall/Forum","href":"/builder/community-widgets/wall-forum"}]},{"title":"Community Notifications","href":"/builder/community-notifications"}]},{"group":"Video","pages":[{"group":"Video","pages":[{"group":"Getting Started","root":{"title":"Getting Started","href":"/builder/video/getting-started"},"pages":[{"title":"Video Manager","href":"/builder/video/getting-started/video-manager"},{"title":"Single Video","href":"/builder/video/getting-started/single-video"},{"title":"Playlist","href":"/builder/video/getting-started/playlist"}]}]},{"title":"Video Automation","href":"/builder/video-automation"}]},{"group":"Blog","pages":[{"title":"Starting a Blog","href":"/builder/blog/starting-a-blog"},{"group":"Getting Started","root":{"title":"Getting Started","href":"/builder/blog/getting-started"},"pages":[{"title":"Blog Header and Sidebar Settings","href":"/builder/blog/getting-started/blog-header-and-sidebar-settings"},{"title":"Blog Settings","href":"/builder/blog/getting-started/blog-settings"},{"title":"Article Basics","href":"/builder/blog/getting-started/article-basics"},{"title":"Article Content","href":"/builder/blog/getting-started/article-content"}]},{"group":"Article Settings","root":{"title":"Article Settings","href":"/builder/blog/article-settings"},"pages":[{"title":"Blog Article Tags","href":"/builder/blog/article-settings/blog-article-tags"},{"title":"Blog Article Categories","href":"/builder/blog/article-settings/blog-article-categories"},{"title":"Blog Article URL","href":"/builder/blog/article-settings/blog-article-url"},{"title":"Blog Article Author","href":"/builder/blog/article-settings/blog-article-author"},{"title":"Blog Article Post Date","href":"/builder/blog/article-settings/blog-article-post-date"},{"title":"Blog Article Comments","href":"/builder/blog/article-settings/blog-article-comments"}]}]},{"group":"Funnel designs","pages":[{"group":"Types of Funnels","root":{"title":"Types of Funnels","href":"/builder/funnel-designs/types-of-funnels"},"pages":[{"title":"Lead Generation","href":"/builder/funnel-designs/types-of-funnels/lead-generation"},{"title":"Webinar","href":"/builder/funnel-designs/types-of-funnels/webinar"},{"title":"Hero","href":"/builder/funnel-designs/types-of-funnels/hero"},{"title":"Onboarding","href":"/builder/funnel-designs/types-of-funnels/onboarding"},{"title":"Appointment Booking","href":"/builder/funnel-designs/types-of-funnels/appointment-booking"},{"title":"Opt in","href":"/builder/funnel-designs/types-of-funnels/opt-in"},{"title":"Online course funnel","href":"/builder/funnel-designs/types-of-funnels/online-course-funnel"},{"title":"Membership funnel","href":"/builder/funnel-designs/types-of-funnels/membership-funnel"},{"title":"Summit funnel","href":"/builder/funnel-designs/types-of-funnels/summit-funnel"},{"title":"Digital download funnel","href":"/builder/funnel-designs/types-of-funnels/digital-download-funnel"}]}]},{"group":"Integrations","pages":[{"group":"Email","root":{"title":"Email","href":"/builder/internal-integrations/email"},"pages":[{"title":"Email Integrations","href":"/builder/internal-integrations/email/email-integrations"},{"title":"Connect custom email","href":"/builder/internal-integrations/email/connect-custom-email"}]},{"group":"Twilio","root":{"title":"Twilio","href":"/builder/internal-integrations/twilio"},"pages":[{"title":"Create an account","href":"/builder/internal-integrations/twilio/create-an-account"}]}]},{"group":"Other","pages":[{"title":"Roadmap","href":"/builder/other/roadmap"},{"title":"FAQs","href":"/builder/other/faqs"},{"title":"Bug Fixes","href":"/builder/other/bug-fixes"}]}]},{"tab":"API Guide","pages":[{"title":"API Guide","href":"/api"}]},{"tab":"Endpoints","pages":[{"title":"Endpoints","href":"/endpoints/contacts/list-all-contacts"}]}]},"basePath":"","title":"Progress bar widget - Bosscart by Alavon365","buildId":"dpl_9VVk5y1P8k1ATeJguVngy9Q3cmbD","deploymentId":"dpl_9VVk5y1P8k1ATeJguVngy9Q3cmbD","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-CvtNkYOX.js","lightbox-handle-r17bVUz3.js"]}