diff --git a/src/editor/widgets/monitor/MonitorView.vue b/src/editor/widgets/monitor/MonitorView.vue
index d1e38d2..5f18a6f 100644
--- a/src/editor/widgets/monitor/MonitorView.vue
+++ b/src/editor/widgets/monitor/MonitorView.vue
@@ -44,7 +44,8 @@
                     <svg t="1751450118989" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22184" width="15" height="15"><path d="M926.784 97.216v829.568H97.216V97.216h829.568z m-56.896 56.832H154.048v715.84h715.84V154.048z m-101.504 61.312l40.256 40.256L615.68 448.512v126.976l192.96 192.896-40.256 40.256L575.488 615.68H448.512l-192.896 192.96-40.256-40.256L408.32 575.552V448.448L215.36 255.616l40.256-40.256L448.448 408.32h127.104l192.832-192.896z" p-id="22185" fill="#ffffff"></path></svg>
                   </span>
                   <div class="progress">
-                    <span :style="{width:'55%'}">55%</span>
+                    <span :style="{width:'55%'}"></span>
+                    <div class="text">55%</div>
                   </div>
                 </div>
                 <div class="data-infor">
@@ -78,7 +79,8 @@
                     <svg t="1751450118989" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22184" width="15" height="15"><path d="M926.784 97.216v829.568H97.216V97.216h829.568z m-56.896 56.832H154.048v715.84h715.84V154.048z m-101.504 61.312l40.256 40.256L615.68 448.512v126.976l192.96 192.896-40.256 40.256L575.488 615.68H448.512l-192.896 192.96-40.256-40.256L408.32 575.552V448.448L215.36 255.616l40.256-40.256L448.448 408.32h127.104l192.832-192.896z" p-id="22185" fill="#ffffff"></path></svg>
                   </span>
                   <div class="progress">
-                    <span :style="{width:'55%'}">55%</span>
+                    <span :style="{width:'55%'}"></span>
+                    <div class="text">55%</div>
                   </div>
                 </div>
                 <div class="data-infor">
@@ -112,7 +114,8 @@
                     <svg t="1751450118989" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22184" width="15" height="15"><path d="M926.784 97.216v829.568H97.216V97.216h829.568z m-56.896 56.832H154.048v715.84h715.84V154.048z m-101.504 61.312l40.256 40.256L615.68 448.512v126.976l192.96 192.896-40.256 40.256L575.488 615.68H448.512l-192.896 192.96-40.256-40.256L408.32 575.552V448.448L215.36 255.616l40.256-40.256L448.448 408.32h127.104l192.832-192.896z" p-id="22185" fill="#ffffff"></path></svg>
                   </span>
                   <div class="progress">
-                    <span :style="{width:'55%'}">55%</span>
+                    <span :style="{width:'55%'}"></span>
+                    <div class="text">55%</div>
                   </div>
                 </div>
                 <div class="data-infor">
@@ -290,6 +293,7 @@ export default {
             border:1px solid #dcdcdc;
             height: 20px;
             margin-left:5px;
+            position: relative;
             span{
               font-size: 12px;
               background: #7ac678;
@@ -298,6 +302,14 @@ export default {
               text-align: center;
               height: 18px;
             }
+            .text{
+              position: absolute;
+              width: 100%;
+              height:100%;
+              left:0;
+              top:0;
+              text-align: center;
+            }
           }
           &>svg{
             margin-right: 5px;