{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_help-screen-progresssteps","screens":{"article_screen_help-screen-progresssteps":{"id":"article_screen_help-screen-progresssteps","name":"Progress Steps screen","tags":["article"],"screenType":"FlexibleLayout","position":{"x":0,"y":0},"content":{"canvas":{"background":{"kind":"solid","content":{"color":"#F7F8FA"}},"insets":{"top":0,"end":0,"bottom":0,"start":0},"webViewBackgroundColor":"#F7F8FA"},"animated":false,"offlineFirst":true,"flexibleLayout":{"scrollable":true,"insets":{"top":44,"end":28,"bottom":56,"start":28},"sections":[{"id":"intro","order":0,"kind":"Text","label":"Intro","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Progress Steps screen"},"kind":"static","appearance":{"align":"start","fontSize":28,"fontWeight":800,"lineHeight":34,"color":"#101828"}},"subtitle":{"translations":{"en":"The Progress Steps screen is built from the sections below. This overview shows what each section does and links to its full guide — open any section’s guide to see every setting it offers."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":400,"lineHeight":26,"color":"#475467"}}}},{"id":"block-headerbar-head","order":1,"kind":"Text","label":"Section: Header","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Header<sep>  —  </sep><detail>@details</detail>"},"kind":"static","appearance":{"align":"start","fontSize":22,"fontWeight":750,"lineHeight":28,"color":"#101828"},"templateParams":{"links":{"details":"https://help.segmently.ai/help-block-header"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}}}},{"id":"block-headerbar-summary","order":2,"kind":"Text","label":"Header summary","layout":{"heightKind":"auto","margin":{"top":4}},"textContent":{"subtitle":{"translations":{"en":"The top bar of the screen — the Back and Skip buttons and the progress indicator that shows how far along the visitor is."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"block-headerbar-thumb","order":3,"kind":"Media","label":"Header in the editor","layout":{"heightKind":"fixed","heightValue":360,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-header-bar-section/0.3.0/configure-header-bar-section-2026-06-24T11-52-13-983Z-7978d53e/context-section.png","name":"The Header section in the screen editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"block-stepper-head","order":4,"kind":"Text","label":"Section: Stepper","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Stepper<sep>  —  </sep><detail>@details</detail>"},"kind":"static","appearance":{"align":"start","fontSize":22,"fontWeight":750,"lineHeight":28,"color":"#101828"},"templateParams":{"links":{"details":"https://help.segmently.ai/help-block-stepper"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}}}},{"id":"block-stepper-summary","order":5,"kind":"Text","label":"Stepper summary","layout":{"heightKind":"auto","margin":{"top":4}},"textContent":{"subtitle":{"translations":{"en":"An auto-advancing progress bar that steps through segments — the progress layout, total playback time, the bar’s colours / thickness / padding, the media-area split, and each step’s title / subtitle / description / image styles."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"block-stepper-thumb","order":6,"kind":"Media","label":"Stepper in the editor","layout":{"heightKind":"fixed","heightValue":360,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-stepper-section/0.2.0/configure-stepper-section-2026-06-24T15-51-52-390Z-88e276be/context-section.png","name":"The Stepper section in the screen editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"block-animation-head","order":7,"kind":"Text","label":"Section: Animation","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Animation<sep>  —  </sep><detail>@details</detail>"},"kind":"static","appearance":{"align":"start","fontSize":22,"fontWeight":750,"lineHeight":28,"color":"#101828"},"templateParams":{"links":{"details":"https://help.segmently.ai/help-block-animation"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}}}},{"id":"block-animation-summary","order":8,"kind":"Text","label":"Animation summary","layout":{"heightKind":"auto","margin":{"top":4}},"textContent":{"subtitle":{"translations":{"en":"How the screen's standard elements (header, image or video, title and subtitle, choices or bullets, paywall products, action bar) animate in when it opens — style, speed, stagger, easing, and per-element overrides, which take priority over the theme's default motion."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"block-animation-thumb","order":9,"kind":"Media","label":"Animation in the editor","layout":{"heightKind":"fixed","heightValue":360,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-29T22-11-34-795Z-8a4f394c/context-section.png","name":"The Animation section in the screen editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}}]}}}},"metadata":{"kind":"article","alias":"help-screen-progresssteps","articlePresentation":{"version":1,"profiles":{"standard":{"containerMaxWidth":640,"contentInsets":{"top":44,"end":28,"bottom":56,"start":28},"sectionPaddingScale":1,"textScale":1},"laptop":{"containerMaxWidth":620,"contentInsets":{"top":40,"end":28,"bottom":52,"start":28},"sectionPaddingScale":0.98,"textScale":0.98},"tablet":{"containerMaxWidth":560,"contentInsets":{"top":36,"end":24,"bottom":44,"start":24},"sectionPaddingScale":0.94,"textScale":0.95},"phone":{"containerMaxWidth":"100%","contentInsets":{"top":28,"end":16,"bottom":36,"start":16},"sectionPaddingScale":0.86,"textScale":0.9,"titleTextScale":0.86}}},"projectId":"arswew63RwQr6V4Ekb1Z","articleId":"help-screen-progresssteps","seo":{"publisherName":"Segmently"}},"webViewDefaultBackgroundColor":"#F7F8FA","articleRuntime":{"siteOrigin":"https://help.segmently.ai","byline":{"name":"Segmently","datePublished":"2026-09-30T00:43:14.017Z","dateModified":"2026-09-30T00:43:14.017Z","readingMinutes":1}},"projectAnalytics":{"integrations":[{"enabled":true,"config":{"mode":"http"},"platform":"segmently_internal","createdAt":"2026-05-26T13:53:00.398Z","name":"Segmently Analytics","updatedAt":"2026-09-27T21:22:36.598Z","id":"int_mpmp3jsm_aij2kz"}],"consentManagement":{"privacyPolicyUrl":"","bannerText":"We use cookies to improve your experience and analyze site usage.","defaultConsent":"denied","enabled":true}}}