From f4678ad23499a032e1a7fac95d82459a01affb9b Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Thu, 19 May 2016 00:08:51 +0800
Subject: [PATCH] set text in progress bar centered

---
 app/styles/aria-ng.css | 14 ++++++++++++++
 app/views/list.html    |  4 ++--
 2 files changed, 16 insertions(+), 2 deletions(-)

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>