The Progress Bar settings allow you to customize the progress bar that appears when navigating from one page to another within your Shopify theme. This feature provides visual feedback to users, enhancing their browsing experience by indicating page loading progress.

Setting Options

Color

• Description: This setting controls the color of the progress bar.
• Default Value: #29D
• Customization: Choose a color to change the progress bar color. This allows you to match the progress bar with your store's branding.

Progress Bar Height

• Description: This setting controls the height of the progress bar.
• Default Value: 2px
• Customization: Enter a value in pixels to adjust the height of the progress bar. This lets you make the progress bar more prominent or subtle based on your design preference.

Example Usage

• To set the progress bar color to a custom shade of blue, you could choose your color in the color field.
• To make the progress bar more noticeable, you might want to increase the height to 4px.

By fine-tuning these settings, you can ensure that the progress bar fits seamlessly with the overall design and user experience of your store.