> For the complete documentation index, see [llms.txt](https://ascent.webvista.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ascent.webvista.studio/pages/main-product/performance-indicator-bar.md).

# Performance Indicator Bar

The performance indicator bar visually represents different performance parameters of a product, helping users quickly understand its capabilities and make intuitive comparisons.

<figure><img src="/files/bTeFs9HuoekCLAg45ase" alt=""><figcaption></figcaption></figure>

### How to Add the Performance Indicator Bar

**Go to the Shopify Editor** and add the **"Performance Indicator Bar"** block under **Product Information**.

<figure><img src="/files/nmGhUKga76zoOc4yE1rr" alt=""><figcaption></figcaption></figure>

**Edit the performance parameters** by filling in the following details:

* **Title**: Name of the indicator, e.g., "Battery Life" or "Cooling Performance."
* **Description**: A brief explanation of the performance parameter.
* **Level**: Define the performance scale, such as a score from 1-100 or Low/Medium/High.
* **Low Level**: Set a label for low performance and choose a corresponding color.
* **Medium Level**: Set a label for medium performance and choose a corresponding color.
* **High Level**: Set a label for high performance and choose a corresponding color.

<figure><img src="/files/XT7iDN34T0KLOYBYV6SU" alt=""><figcaption></figcaption></figure>

**Notes**

* **The performance indicator bar is a universal section for all products.**
* If you want to set different performance parameters for individual products, **use it in combination with the Product A+ page** for more customization. [Product A+ Page](/pages/main-product/product-a+-page.md)