diff --git a/plugins/observability-instance/web-ui/src/pages/dashboard/install/installAgent.vue b/plugins/observability-instance/web-ui/src/pages/dashboard/install/installAgent.vue
index 4e8de0c0b2c1f1668f945a02fbcf9fd8fd029b18..184c5aa636ddf77cbe9e0684a9f5b40c1b756e50 100644
--- a/plugins/observability-instance/web-ui/src/pages/dashboard/install/installAgent.vue
+++ b/plugins/observability-instance/web-ui/src/pages/dashboard/install/installAgent.vue
@@ -12,7 +12,7 @@
       <div class="dialog-content" v-show="installData.length != 0" style="padding-bottom: 0px">
         <div>
           <el-steps direction="vertical" :active="doingIndex">
-            <el-step v-for="item in installData" :key="item.name" :title="item.name">
+            <el-step v-for="item in installData" :key="item.name" :title="item.name" :class="{ error: item.state == 'ERROR' }">
               <template #description>
                 <div v-for="msg in item.msgs" :key="msg">
                   <b>{{ msg }}</b>
@@ -346,4 +346,14 @@ onBeforeUnmount(() => {
 .suggest-info {
   margin-bottom: 10px;
 }
+
+:deep(.is-finish) {
+  color: green;
+  border-color: green;
+}
+
+:deep(.error *) {
+  color: red !important;
+  border-color: red !important;
+}
 </style>