From c981de56123cb4fa4450ac440b940e58212f1bfc Mon Sep 17 00:00:00 2001
From: Neeraj Baid <wdaareg@gmail.com>
Date: Fri, 17 Apr 2015 17:05:03 -0700
Subject: [PATCH] Show DONE status when download is complete.

---
 client/components/ProgressBar.js |  5 +++--
 css/index.styl                   | 13 ++++++++-----
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/client/components/ProgressBar.js b/client/components/ProgressBar.js
index 0ec874a..bcad106 100644
--- a/client/components/ProgressBar.js
+++ b/client/components/ProgressBar.js
@@ -21,13 +21,14 @@ export default class ProgressBar extends React.Component {
     return <div className={classes}>
       {failed
         ? <div className="progress-bar-text">Failed</div>
-        : <div
+        : inProgress ? <div
           className="progress-bar-inner"
           style={{width: formatted}}>
           <div className="progress-bar-text">
             {formatted}
           </div>
-        </div>}
+        </div>
+        : <div className="progress-bar-text">Done</div>}
       </div>
   }
 }
diff --git a/css/index.styl b/css/index.styl
index b5986e9..9d7abc4 100644
--- a/css/index.styl
+++ b/css/index.styl
@@ -172,7 +172,7 @@ p {
 .progress-bar {
     height: 60px
     overflow: hidden
-    background: beige
+    background: green
 
     .progress-bar-inner {
         float: left
@@ -183,10 +183,12 @@ p {
     }
 
     .progress-bar-text {
-        float: right
+        float: none
+        margin-right: 0
+
         font: 14px/60px "Quicksand", sans-serif
         color: white
-        margin-right: 5px
+        text-align: center
         text-transform: uppercase
     }
 
@@ -197,12 +199,11 @@ p {
         .progress-bar-text {
             float: none
             text-align: center
-            margin-right: 0
         }
     }
 
     &.progress-bar-in-progress {
-
+        background: beige
         .progress-bar-inner {
             background: #FFCC00
             box-shadow: inset 0 1px 1px light-yellow
@@ -210,6 +211,8 @@ p {
 
         .progress-bar-text {
             color: black
+            float: right
+            margin-right: 5px
         }
     }