diff --git a/app/styles/aria-ng.css b/app/styles/aria-ng.css
index b192b44..9a83966 100644
--- a/app/styles/aria-ng.css
+++ b/app/styles/aria-ng.css
@@ -301,6 +301,20 @@ td {
     font-size: 12px;
 }
 
+.task-table .progress {
+    position: relative;
+}
+
+.task-table .progress span {
+    position: absolute;
+    display: block;
+    width: 100%;
+}
+
+.task-table .progress span.progress-lower {
+    color: #000;
+}
+
 /* settings-table */
 .settings-table {
     margin-left: 15px;
diff --git a/app/views/list.html b/app/views/list.html
index 968fff9..e0e283e 100644
--- a/app/views/list.html
+++ b/app/views/list.html
@@ -49,8 +49,8 @@
                         <div class="progress-bar progress-bar-primary" role="progressbar"
                              aria-valuenow="{{task.completePercent}}" aria-valuemin="1"
                              aria-valuemax="100" style="width: {{task.completePercent}}%;">
-                            <div ng-class="{'lower': task.completePercent < 50}"
-                                ng-bind="(task.completePercent | percent: 2) + '%'"></div>
+                            <span ng-class="{'progress-lower': task.completePercent < 50}"
+                                ng-bind="(task.completePercent | percent: 2) + '%'"></span>
                         </div>
                     </div>
                     <div>