In this section, you have the creative freedom to define the appearance of the reading progress bar, ensuring it aligns seamlessly with your website’s design:
1. Bar Style:
– Choose from a range of bar styles, including “Default,” “Gradient,” “Rounded Gradient,” “Rounded,” “Plastic,” “Animated,” “Colorful,” “Shine,” and “Glow.” Each style offers a unique visual presentation for your progress bar.
2. Foreground Color:
– Customize the foreground color of the progress bar using the color picker. (Note: Not applicable for the “Colorful” style.)
3. Background Color:
– Tailor the background color of the progress bar to your design preferences using the color picker. (Note: Not applicable for the “Colorful” style.)
4. Border Radius (Pixels):
– Adjust the border radius of the progress bar to achieve a rounded or more angular appearance.
5. Use Custom CSS:
– For advanced users, enabling this option allows you to apply custom CSS styles to the reading progress bar.
6. Custom CSS (CSS Editor):
– If “Use Custom CSS” is enabled, utilize the CSS editor to add your unique styling to the reading progress bar.
Buttons:
– Save Changes: The “Save Changes” button appears when you’ve made any modifications in this section. Click this button to apply your settings.
– Discard Changes: If you’ve made changes but wish to revert to the previous settings, the “Discard Changes” button allows you to do so without saving.
With these comprehensive customization options, you can create a reading progress bar that not only enhances the visual appeal of your content but also enriches the overall reading experience for your audience.
Still Not Clear? Please contact us. If you are a free User, you can open a ticket from here. If you are a pro user, you can open a ticket from here..