diff --git a/templates/index.html b/templates/index.html
index e9d2ed9..8e32da8 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -109,7 +109,7 @@
                 </button>
                 <div class="col-12">
                     <div class="progress" style="height: 2px; width: 90%">
-                        <div class="progress-bar" id="progress-bar-{{habit.id}}" role="progressbar" style="width: {{ habit.percentage }};"></div>
+                        <div class="progress-bar" id="progress-bar-{{habit.id}}" role="progressbar" style="width: {{ habit.percentage }}%;"></div>
                     </div>
                 </div>
             </li>