Adding a percentage bar to your website is an effective way to showcase progress, success rates, or key performance indicators (KPIs) in a visually engaging format.
To add a new Percentage page, follow these steps:
In the Website Editor, go to your Page List.
Find the Percentage Page in your current list or select Add New Page to create it.
Edit the page Title and Slogan.
You can manage Percentage Page directly from the page or through the item list:
Direct Management - Hover your mouse cursor over a Percentage Item to reveal a toolbar where you can Edit the information, Duplicate (Pages Icon) the item, Set the Item Order using the arrow icons, or Delete (Trashcan Icon) it.
Manage Button - Click Manage to open the Percentage Item list, where you can drag items to reposition them or use the Three Dots Icon to Edit, Duplicate, Preview, or Delete.
Locate your Percentage page in the list and click the Edit button.
Inside the Percentage page management screen, click the Add New Item button.
Configure the item information:
Amount: Enter the numerical value you want the bar to represent (e.g., 95).
Description: Type a brief title or explanation for the metric (e.g., "Successful Exam Rate").
Styling (Optional): Click the Color selector to choose a bar color that aligns with your website's design palette.
Click the green Save button to finalize the item.
Immediate Preview: Once saved, the new bar (e.g., 95% "Successful Exam Rate") appears instantly in your editor's live preview.
Going Live: Your changes will not be visible to the public until you click the Publish button in the editor.
Scalability: You can repeat this process to add multiple bars, allowing you to highlight various statistics like customer satisfaction or project completion side-by-side.
