diff --git a/app/views/mission.html b/app/views/mission.html
index f406a77..184b15f 100644
--- a/app/views/mission.html
+++ b/app/views/mission.html
@@ -34,7 +34,7 @@ <h3 class="mission_frame_name">{{miscope.boss.name}}</h3>
               <div class="progress-bar" role="progressbar" 
                 aria-valuenow="{{ miscope.hp1() * 100 }}" 
                 aria-valuemin="0" aria-valuemax="100" 
-                style="width: {{ miscope.hp1() |  percentage:0 }};">
+                ng-style="{ width: miscope.hp1()*100 + '%' }">
                 {{ miscope.hp1() |  percentage:0 }}
               </div>
             </div>
@@ -43,7 +43,7 @@ <h3 class="mission_frame_name">{{miscope.boss.name}}</h3>
                 <div class="progress-bar" role="progressbar" 
                   aria-valuenow="{{ miscope.hp2() * 100 }}" 
                   aria-valuemin="0" aria-valuemax="100" 
-                  style="width: {{ miscope.hp2() |  percentage:0 }};">
+                  ng-style="{ width: miscope.hp2()*100 + '%' }">
                   {{ miscope.hp2() |  percentage:0 }}
                 </div>
               </div>
@@ -109,7 +109,7 @@ <h3 class="mission_frame_name">公民V</h3>
             <div class="progress">
               <div class="progress-bar" role="progressbar" aria-valuenow="{{time.hpRatio*100}}"
                 aria-valuemin="0" aria-valuemax="100" 
-                style="width: {{time.hpRatio |  percentage:0}};">
+                ng-style="{ width: time.hpRatio*100 + '%' }">
                 {{time.hpRatio | percentage:0}}
               </div>
             </div>