From 697d476383e5ea9ef3e730299d6aa83f4d5b4b8e Mon Sep 17 00:00:00 2001
From: Melloware <mellowaredev@gmail.com>
Date: Sun, 12 May 2024 07:59:06 -0400
Subject: [PATCH] Fix #6610: MeterGroup render items in percentage (#6612)

---
 components/lib/metergroup/MeterGroup.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/lib/metergroup/MeterGroup.js b/components/lib/metergroup/MeterGroup.js
index 430467cf34..fb92fd1615 100644
--- a/components/lib/metergroup/MeterGroup.js
+++ b/components/lib/metergroup/MeterGroup.js
@@ -126,12 +126,13 @@ export const MeterGroup = (inProps) => {
                     );
 
                     const labelIcon = item.icon ? <i {...labelIconProps} /> : <span {...labelListIconProps} />;
+                    const itemPercentage = calculatePercentage(item.value);
 
                     return (
                         <li key={index} {...labelItemProps}>
                             {labelIcon}
                             <span {...labelProps}>
-                                {item?.label} {item?.value && `(${item?.value}%)`}
+                                {item?.label} {`(${itemPercentage}%)`}
                             </span>
                         </li>
                     );