diff --git a/pages/index.vue b/pages/index.vue
index 1e959e4..46c758c 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -209,8 +209,10 @@
 														<text>0.00</text>
 														<view class="iconfont icon-suoding icon"></view>
 													</view>
-
 												</view>
+												<u-line-progress height="8" :showText="false" :percentage="60" style="width: 100%;">
+												</u-line-progress>
+
 											</u-col>
 											<u-col span="6">
 												<view class="valve">
@@ -227,7 +229,8 @@
 															<view class="right">-99.63</view>
 															<view class="bottom">-99.63</view>
 														</view>
-														<image src="../static/images/valves/valve3-all.gif" mode="widthFix">
+														<image src="../static/images/valves/valve3-all.gif"
+															mode="widthFix">
 														</image>
 													</view>
 													<view>
@@ -284,7 +287,7 @@
 														<text>0.00</text>
 														<view class="iconfont icon-suoding icon"></view>
 													</view>
-								
+
 												</view>
 											</u-col>
 											<u-col span="6">
@@ -302,7 +305,8 @@
 															<view class="right">-99.63</view>
 															<view class="bottom">-99.63</view>
 														</view>
-														<image src="../static/images/fiveValves/valve5.png" mode="widthFix">
+														<image src="../static/images/fiveValves/valve5.png"
+															mode="widthFix">
 														</image>
 													</view>
 													<view>
@@ -432,7 +436,12 @@
 			border-color: #ffffff !important;
 		}
 	}
-.content{background-color: #fff;min-height: 100%;}
+
+	.content {
+		background-color: #fff;
+		min-height: 100%;
+	}
+
 	.content-section {
 		position: relative;
 		top: -92px;