Animated progress bar, refresh fix.

assets/docker-manager-app.js

@@ -19,7 +19,11 @@ define("docker-manager/components/progress-bar",
   function(__exports__) {
     "use strict";
     __exports__["default"] = Em.Component.extend({
-      classNameBindings: [':progress'],
+      classNameBindings: [':progress', ':progress-striped', 'active'],
+
+      active: function() {
+        return parseInt(this.get('percent'), 10) !== 100;
+      }.property('percent'),
 
       barStyle: function() {
         var percent = parseInt(this.get('percent'), 10);
@@ -295,8 +299,8 @@ define("docker-manager/models/repo",
     var Repo = Em.Object.extend({
 
       upToDate: function() {
-        return this.get('version') === this.get('latest.version');
+        return !this.get('upgrading') & (this.get('version') === this.get('latest.version'));
-      }.property('version', 'latest.version'),
+      }.property('upgrading', 'version', 'latest.version'),
 
       shouldCheck: function() {
         if (Em.isNone(this.get('version'))) { return false; }

lib/docker_manager/upgrader.rb

@@ -15,6 +15,7 @@ class DockerManager::Upgrader
   def upgrade
     return unless @repo.start_upgrading
 
+    percent(0)
     clear_logs
 
     # HEAD@{upstream} is just a fancy way how to say origin/master (in normal case)

manager-client/app/components/progress-bar.js

@@ -1,5 +1,9 @@
 export default Em.Component.extend({
-  classNameBindings: [':progress'],
+  classNameBindings: [':progress', ':progress-striped', 'active'],
+
+  active: function() {
+    return parseInt(this.get('percent'), 10) !== 100;
+  }.property('percent'),
 
   barStyle: function() {
     var percent = parseInt(this.get('percent'), 10);

manager-client/app/models/repo.js

@@ -5,8 +5,8 @@ var loaded = [];
 var Repo = Em.Object.extend({
 
   upToDate: function() {
-    return this.get('version') === this.get('latest.version');
+    return !this.get('upgrading') & (this.get('version') === this.get('latest.version'));
-  }.property('version', 'latest.version'),
+  }.property('upgrading', 'version', 'latest.version'),
 
   shouldCheck: function() {
     if (Em.isNone(this.get('version'))) { return false; }