--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/coffee/progress.coffee	Fri Apr 08 22:13:02 2016 +0800
@@ -0,0 +1,14 @@
+class window.Tram.ProgressApp extends Backbone.View
+  initialize: ->
+    @render()
+
+  getStyle: (progress) =>
+    "width: #{ progress ? 0 }%;"
+
+  render: ->
+    @rivet = rivets.bind(@el, model: @model, view: this)
+    @
+
+  remove: ->
+    @rivet.unbind()
+    super

--- a/coffee/register.coffee	Fri Apr 08 21:33:16 2016 +0800
+++ b/coffee/register.coffee	Fri Apr 08 22:13:02 2016 +0800
@@ -1,3 +1,18 @@
+class window.Tram.ClientState extends Backbone.Model
+
+
+window.clientState = new Tram.ClientState()
+window.progressApp = new Tram.ProgressApp(el: $('[data-app="progress"]'), model: clientState)
+
+
+clientState.on 'change:progress', ->
+  if clientState.get('progress') is 100
+    window.setTimeout ->
+      if clientState.get('progress') is 100
+        clientState.unset('progress')
+    , 600
+
+
 class RegistrationData extends Backbone.Model
   defaults:
     username: ''
@@ -32,6 +47,7 @@
 
 registerfn = ->
   if regData.isValid()
+    clientState.set('progress', 0)
     X.register(regData.get('username').trim(), regData.get('password1'))
 
 
@@ -41,11 +57,13 @@
     nickname: vcData.get('nickname').trim()
 
   okcb = ->
+    clientState.set('progress', 100)
     console.debug('vcard is set!', arguments)
     $('[data-step="vcard"]').addClass('uk-hidden')
     location.href = '/'
 
   failcb = ->
+    clientState.unset('progress')
     console.warn('vcard is NOT set!', arguments)
     $('[data-msg="save-failed"]').removeClass('uk-hidden')
 
@@ -54,9 +72,11 @@
     reader = new FileReader()
     reader.onloadend = ->
       _(data).extend(avatar: reader.result)
+      clientState.set('progress', 0)
       X.savevCard(data, okcb, failcb)
     reader.readAsDataURL(file)
   else
+    clientState.set('progress', 0)
     X.savevCard(data, okcb, failcb)
 
 
@@ -94,6 +114,16 @@
   $('#fullname').focus()
 
 
+X.on 'status', (status) ->
+  switch status
+    when Strophe.Status.REGISTERED
+      clientState.set('progress', 50)
+    when Strophe.Status.CONNECTED
+      clientState.set('progress', 100)
+    else
+      clientState.unset('progress')
+
+
 X.startRegistration()
 
 

--- a/css/tram-im.css	Fri Apr 08 21:33:16 2016 +0800
+++ b/css/tram-im.css	Fri Apr 08 22:13:02 2016 +0800
@@ -11,6 +11,14 @@
         margin-left: 115px;
     }
 }
+.uk-progress.page-progress {
+    background: transparent;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    z-index: 1000;
+}
 .uk-dropdown > ul {
     padding-left: 0;
 }

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/js/progress.js	Fri Apr 08 22:13:02 2016 +0800
@@ -0,0 +1,42 @@
+// Generated by CoffeeScript 1.10.0
+(function() {
+  var bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
+    extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
+    hasProp = {}.hasOwnProperty;
+
+  window.Tram.ProgressApp = (function(superClass) {
+    extend(ProgressApp, superClass);
+
+    function ProgressApp() {
+      this.getStyle = bind(this.getStyle, this);
+      return ProgressApp.__super__.constructor.apply(this, arguments);
+    }
+
+    ProgressApp.prototype.initialize = function() {
+      return this.render();
+    };
+
+    ProgressApp.prototype.getStyle = function(progress) {
+      return "width: " + (progress != null ? progress : 0) + "%;";
+    };
+
+    ProgressApp.prototype.render = function() {
+      this.rivet = rivets.bind(this.el, {
+        model: this.model,
+        view: this
+      });
+      return this;
+    };
+
+    ProgressApp.prototype.remove = function() {
+      this.rivet.unbind();
+      return ProgressApp.__super__.remove.apply(this, arguments);
+    };
+
+    return ProgressApp;
+
+  })(Backbone.View);
+
+}).call(this);
+
+//# sourceMappingURL=progress.js.map

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/js/progress.js.map	Fri Apr 08 22:13:02 2016 +0800
@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "progress.js",
+  "sourceRoot": "..",
+  "sources": [
+    "coffee/progress.coffee"
+  ],
+  "names": [],
+  "mappings": ";AAAA;AAAA,MAAA;;;;EAAM,MAAM,CAAC,IAAI,CAAC;;;;;;;;0BAChB,UAAA,GAAY,SAAA;aACV,IAAC,CAAA,MAAD,CAAA;IADU;;0BAGZ,QAAA,GAAU,SAAC,QAAD;aACR,SAAA,GAAS,oBAAE,WAAW,CAAb,CAAT,GAAyB;IADjB;;0BAGV,MAAA,GAAQ,SAAA;MACN,IAAC,CAAA,KAAD,GAAS,MAAM,CAAC,IAAP,CAAY,IAAC,CAAA,EAAb,EAAiB;QAAA,KAAA,EAAO,IAAC,CAAA,KAAR;QAAe,IAAA,EAAM,IAArB;OAAjB;aACT;IAFM;;0BAIR,MAAA,GAAQ,SAAA;MACN,IAAC,CAAA,KAAK,CAAC,MAAP,CAAA;aACA,yCAAA,SAAA;IAFM;;;;KAX4B,QAAQ,CAAC;AAA/C"
+}
\ No newline at end of file

--- a/js/register.js	Fri Apr 08 21:33:16 2016 +0800
+++ b/js/register.js	Fri Apr 08 22:13:02 2016 +0800
@@ -4,6 +4,34 @@
     extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
     hasProp = {}.hasOwnProperty;
 
+  window.Tram.ClientState = (function(superClass) {
+    extend(ClientState, superClass);
+
+    function ClientState() {
+      return ClientState.__super__.constructor.apply(this, arguments);
+    }
+
+    return ClientState;
+
+  })(Backbone.Model);
+
+  window.clientState = new Tram.ClientState();
+
+  window.progressApp = new Tram.ProgressApp({
+    el: $('[data-app="progress"]'),
+    model: clientState
+  });
+
+  clientState.on('change:progress', function() {
+    if (clientState.get('progress') === 100) {
+      return window.setTimeout(function() {
+        if (clientState.get('progress') === 100) {
+          return clientState.unset('progress');
+        }
+      }, 600);
+    }
+  });
+
   RegistrationData = (function(superClass) {
     extend(RegistrationData, superClass);
 
@@ -63,6 +91,7 @@
 
   registerfn = function() {
     if (regData.isValid()) {
+      clientState.set('progress', 0);
       return X.register(regData.get('username').trim(), regData.get('password1'));
     }
   };
@@ -74,11 +103,13 @@
       nickname: vcData.get('nickname').trim()
     };
     okcb = function() {
+      clientState.set('progress', 100);
       console.debug('vcard is set!', arguments);
       $('[data-step="vcard"]').addClass('uk-hidden');
       return location.href = '/';
     };
     failcb = function() {
+      clientState.unset('progress');
       console.warn('vcard is NOT set!', arguments);
       return $('[data-msg="save-failed"]').removeClass('uk-hidden');
     };
@@ -89,10 +120,12 @@
         _(data).extend({
           avatar: reader.result
         });
+        clientState.set('progress', 0);
         return X.savevCard(data, okcb, failcb);
       };
       return reader.readAsDataURL(file);
     } else {
+      clientState.set('progress', 0);
       return X.savevCard(data, okcb, failcb);
     }
   };
@@ -136,6 +169,17 @@
     return $('#fullname').focus();
   });
 
+  X.on('status', function(status) {
+    switch (status) {
+      case Strophe.Status.REGISTERED:
+        return clientState.set('progress', 50);
+      case Strophe.Status.CONNECTED:
+        return clientState.set('progress', 100);
+      default:
+        return clientState.unset('progress');
+    }
+  });
+
   X.startRegistration();
 
   $('[data-form="registration"], [data-form="vcard"]').each(function() {

--- a/js/register.js.map	Fri Apr 08 21:33:16 2016 +0800
+++ b/js/register.js.map	Fri Apr 08 22:13:02 2016 +0800
@@ -6,5 +6,5 @@
     "coffee/register.coffee"
   ],
   "names": [],
-  "mappings": ";AAAA;AAAA,MAAA,iDAAA;IAAA;;;EAAM;;;;;;;+BACJ,QAAA,GACE;MAAA,QAAA,EAAU,EAAV;MACA,SAAA,EAAW,EADX;MAEA,SAAA,EAAW,EAFX;;;+BAIF,QAAA,GAAU,SAAC,KAAD,EAAQ,OAAR;AACR,UAAA;MAAA,IAAC,CAAA,KAAD,CAAO,iBAAP;MACA,IAAC,CAAA,KAAD,CAAO,kBAAP;MACA,IAAC,CAAA,KAAD,CAAO,kBAAP;MACA,IAAG,wCAAkB,EAAlB,CAAqB,CAAC,IAAtB,CAAA,CAAA,KAAgC,EAAnC;QACE,IAAC,CAAA,GAAD,CAAK,iBAAL,EAAwB,CAAC,yBAAD,CAAxB,EADF;;MAEA,IAAG,2CAAmB,EAAnB,CAAA,KAA0B,EAA7B;QACE,IAAC,CAAA,GAAD,CAAK,kBAAL,EAAyB,CAAC,yBAAD,CAAzB,EADF;;MAEA,IAAG,2CAAmB,EAAnB,CAAA,KAA4B,2CAAmB,EAAnB,CAA/B;QACE,IAAC,CAAA,GAAD,CAAK,kBAAL,EAAyB,CAAC,uBAAD,CAAzB,EADF;OAAA,MAEK,IAAG,2CAAmB,EAAnB,CAAA,KAA0B,EAA7B;QACH,IAAC,CAAA,GAAD,CAAK,kBAAL,EAAyB,CAAC,yBAAD,CAAzB,EADG;;AAEL,aAAO,IAAC,CAAA,GAAD,CAAK,iBAAL,CAAA,IAA2B,IAAC,CAAA,GAAD,CAAK,kBAAL,CAA3B,IAAuD,IAAC,CAAA,GAAD,CAAK,kBAAL;IAZtD;;;;KANmB,QAAQ,CAAC;;EAqBlC;;;;;;;0BACJ,QAAA,GACE;MAAA,QAAA,EAAU,EAAV;MACA,QAAA,EAAU,EADV;MAEA,MAAA,EAAQ,EAFR;;;;;KAFsB,QAAQ,CAAC;;EAOnC,MAAM,CAAC,OAAP,GAAqB,IAAA,gBAAA,CAAA;;EACrB,MAAM,CAAC,MAAP,GAAoB,IAAA,WAAA,CAAA;;EAGpB,UAAA,GAAa,SAAA;IACX,IAAG,OAAO,CAAC,OAAR,CAAA,CAAH;aACE,CAAC,CAAC,QAAF,CAAW,OAAO,CAAC,GAAR,CAAY,UAAZ,CAAuB,CAAC,IAAxB,CAAA,CAAX,EAA2C,OAAO,CAAC,GAAR,CAAY,WAAZ,CAA3C,EADF;;EADW;;EAKb,MAAA,GAAS,SAAA;AACP,QAAA;IAAA,IAAA,GACE;MAAA,QAAA,EAAU,MAAM,CAAC,GAAP,CAAW,UAAX,CAAsB,CAAC,IAAvB,CAAA,CAAV;MACA,QAAA,EAAU,MAAM,CAAC,GAAP,CAAW,UAAX,CAAsB,CAAC,IAAvB,CAAA,CADV;;IAGF,IAAA,GAAO,SAAA;MACL,OAAO,CAAC,KAAR,CAAc,eAAd,EAA+B,SAA/B;MACA,CAAA,CAAE,qBAAF,CAAwB,CAAC,QAAzB,CAAkC,WAAlC;aACA,QAAQ,CAAC,IAAT,GAAgB;IAHX;IAKP,MAAA,GAAS,SAAA;MACP,OAAO,CAAC,IAAR,CAAa,mBAAb,EAAkC,SAAlC;aACA,CAAA,CAAE,0BAAF,CAA6B,CAAC,WAA9B,CAA0C,WAA1C;IAFO;IAIT,IAAA,GAAO,CAAA,CAAE,SAAF,CAAY,CAAC,GAAb,CAAiB,CAAjB,CAAmB,CAAC,KAAM,CAAA,CAAA;IACjC,IAAG,YAAH;MACE,MAAA,GAAa,IAAA,UAAA,CAAA;MACb,MAAM,CAAC,SAAP,GAAmB,SAAA;QACjB,CAAA,CAAE,IAAF,CAAO,CAAC,MAAR,CAAe;UAAA,MAAA,EAAQ,MAAM,CAAC,MAAf;SAAf;eACA,CAAC,CAAC,SAAF,CAAY,IAAZ,EAAkB,IAAlB,EAAwB,MAAxB;MAFiB;aAGnB,MAAM,CAAC,aAAP,CAAqB,IAArB,EALF;KAAA,MAAA;aAOE,CAAC,CAAC,SAAF,CAAY,IAAZ,EAAkB,IAAlB,EAAwB,MAAxB,EAPF;;EAfO;;EAyBT,MAAM,CAAC,QAAP,GAAkB,MAAM,CAAC,IAAP,CAAY,CAAA,CAAE,4BAAF,CAAZ,EAA6C;IAAA,IAAA,EAAM,OAAN;IAAe,QAAA,EAAU,UAAzB;GAA7C;;EAClB,MAAM,CAAC,OAAP,GAAiB,MAAM,CAAC,IAAP,CAAY,CAAA,CAAE,qBAAF,CAAZ,EAAsC;IAAA,IAAA,EAAM,MAAN;IAAc,IAAA,EAAM,MAApB;GAAtC;;EAGjB,MAAM,CAAC,CAAP,GAAe,IAAA,IAAI,CAAC,aAAL,CAAA;;EAGf,CAAC,CAAC,EAAF,CAAK,UAAL,EAAiB,SAAA;WACf,CAAA,CAAE,4BAAF,CAA+B,CAAC,WAAhC,CAA4C,WAA5C;EADe,CAAjB;;EAIA,CAAC,CAAC,EAAF,CAAK,YAAL,EAAmB,SAAA;IACjB,CAAC,CAAC,kBAAF,CAAA;WACA,CAAA,CAAE,4BAAF,CAA+B,CAAC,QAAhC,CAAyC,WAAzC;EAFiB,CAAnB;;EAKA,CAAC,CAAC,EAAF,CAAK,UAAL,EAAiB,SAAA;WACf,CAAA,CAAE,kCAAF,CAAqC,CAAC,WAAtC,CAAkD,WAAlD;EADe,CAAjB;;EAIA,CAAC,CAAC,EAAF,CAAK,UAAL,EAAiB,SAAA;WACf,OAAO,CAAC,GAAR,CAAY,iBAAZ,EAA+B,CAAC,2CAAD,CAA/B;EADe,CAAjB;;EAIA,CAAC,CAAC,EAAF,CAAK,eAAL,EAAsB,SAAA;WACpB,CAAA,CAAE,kCAAF,CAAqC,CAAC,WAAtC,CAAkD,WAAlD;EADoB,CAAtB;;EAIA,CAAC,CAAC,EAAF,CAAK,WAAL,EAAkB,SAAA;IAChB,MAAM,CAAC,GAAP,CAAW,UAAX,EAAuB,OAAO,CAAC,GAAR,CAAY,UAAZ,CAAuB,CAAC,IAAxB,CAAA,CAAvB;IACA,CAAA,CAAE,qBAAF,CAAwB,CAAC,WAAzB,CAAqC,WAArC;WACA,CAAA,CAAE,WAAF,CAAc,CAAC,KAAf,CAAA;EAHgB,CAAlB;;EAMA,CAAC,CAAC,iBAAF,CAAA;;EAGA,CAAA,CAAE,iDAAF,CAAoD,CAAC,IAArD,CAA0D,SAAA;AACxD,QAAA;IAAA,KAAA,GAAQ,CAAA,CAAE,IAAF;WACR,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,EAApB,CAAuB,SAAvB,EAAkC,SAAC,CAAD;AAChC,UAAA;MAAA,IAAG,CAAC,CAAI,IAAC,CAAA,QAAL,IAAiB,IAAC,CAAA,KAAD,KAAY,EAA9B,CAAA,IAAsC,CAAC,CAAC,OAAF,KAAa,EAAtD;QACE,CAAC,CAAC,cAAF,CAAA;QACA,KAAA,GAAQ,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,KAApB,CAA0B,IAA1B;QACR,KAAA,GAAQ,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,EAApB,CAAuB,KAAA,GAAQ,CAA/B;QACR,IAAG,KAAK,CAAC,MAAN,KAAkB,CAArB;iBACE,KAAK,CAAC,KAAN,CAAA,EADF;SAAA,MAAA;iBAGE,KAAK,CAAC,IAAN,CAAW,QAAX,CAAoB,CAAC,OAArB,CAA6B,OAA7B,EAHF;SAJF;;IADgC,CAAlC;EAFwD,CAA1D;AAnGA"
+  "mappings": ";AAAA;AAAA,MAAA,iDAAA;IAAA;;;EAAM,MAAM,CAAC,IAAI,CAAC;;;;;;;;;KAAoB,QAAQ,CAAC;;EAG/C,MAAM,CAAC,WAAP,GAAyB,IAAA,IAAI,CAAC,WAAL,CAAA;;EACzB,MAAM,CAAC,WAAP,GAAyB,IAAA,IAAI,CAAC,WAAL,CAAiB;IAAA,EAAA,EAAI,CAAA,CAAE,uBAAF,CAAJ;IAAgC,KAAA,EAAO,WAAvC;GAAjB;;EAGzB,WAAW,CAAC,EAAZ,CAAe,iBAAf,EAAkC,SAAA;IAChC,IAAG,WAAW,CAAC,GAAZ,CAAgB,UAAhB,CAAA,KAA+B,GAAlC;aACE,MAAM,CAAC,UAAP,CAAkB,SAAA;QAChB,IAAG,WAAW,CAAC,GAAZ,CAAgB,UAAhB,CAAA,KAA+B,GAAlC;iBACE,WAAW,CAAC,KAAZ,CAAkB,UAAlB,EADF;;MADgB,CAAlB,EAGE,GAHF,EADF;;EADgC,CAAlC;;EAQM;;;;;;;+BACJ,QAAA,GACE;MAAA,QAAA,EAAU,EAAV;MACA,SAAA,EAAW,EADX;MAEA,SAAA,EAAW,EAFX;;;+BAIF,QAAA,GAAU,SAAC,KAAD,EAAQ,OAAR;AACR,UAAA;MAAA,IAAC,CAAA,KAAD,CAAO,iBAAP;MACA,IAAC,CAAA,KAAD,CAAO,kBAAP;MACA,IAAC,CAAA,KAAD,CAAO,kBAAP;MACA,IAAG,wCAAkB,EAAlB,CAAqB,CAAC,IAAtB,CAAA,CAAA,KAAgC,EAAnC;QACE,IAAC,CAAA,GAAD,CAAK,iBAAL,EAAwB,CAAC,yBAAD,CAAxB,EADF;;MAEA,IAAG,2CAAmB,EAAnB,CAAA,KAA0B,EAA7B;QACE,IAAC,CAAA,GAAD,CAAK,kBAAL,EAAyB,CAAC,yBAAD,CAAzB,EADF;;MAEA,IAAG,2CAAmB,EAAnB,CAAA,KAA4B,2CAAmB,EAAnB,CAA/B;QACE,IAAC,CAAA,GAAD,CAAK,kBAAL,EAAyB,CAAC,uBAAD,CAAzB,EADF;OAAA,MAEK,IAAG,2CAAmB,EAAnB,CAAA,KAA0B,EAA7B;QACH,IAAC,CAAA,GAAD,CAAK,kBAAL,EAAyB,CAAC,yBAAD,CAAzB,EADG;;AAEL,aAAO,IAAC,CAAA,GAAD,CAAK,iBAAL,CAAA,IAA2B,IAAC,CAAA,GAAD,CAAK,kBAAL,CAA3B,IAAuD,IAAC,CAAA,GAAD,CAAK,kBAAL;IAZtD;;;;KANmB,QAAQ,CAAC;;EAqBlC;;;;;;;0BACJ,QAAA,GACE;MAAA,QAAA,EAAU,EAAV;MACA,QAAA,EAAU,EADV;MAEA,MAAA,EAAQ,EAFR;;;;;KAFsB,QAAQ,CAAC;;EAOnC,MAAM,CAAC,OAAP,GAAqB,IAAA,gBAAA,CAAA;;EACrB,MAAM,CAAC,MAAP,GAAoB,IAAA,WAAA,CAAA;;EAGpB,UAAA,GAAa,SAAA;IACX,IAAG,OAAO,CAAC,OAAR,CAAA,CAAH;MACE,WAAW,CAAC,GAAZ,CAAgB,UAAhB,EAA4B,CAA5B;aACA,CAAC,CAAC,QAAF,CAAW,OAAO,CAAC,GAAR,CAAY,UAAZ,CAAuB,CAAC,IAAxB,CAAA,CAAX,EAA2C,OAAO,CAAC,GAAR,CAAY,WAAZ,CAA3C,EAFF;;EADW;;EAMb,MAAA,GAAS,SAAA;AACP,QAAA;IAAA,IAAA,GACE;MAAA,QAAA,EAAU,MAAM,CAAC,GAAP,CAAW,UAAX,CAAsB,CAAC,IAAvB,CAAA,CAAV;MACA,QAAA,EAAU,MAAM,CAAC,GAAP,CAAW,UAAX,CAAsB,CAAC,IAAvB,CAAA,CADV;;IAGF,IAAA,GAAO,SAAA;MACL,WAAW,CAAC,GAAZ,CAAgB,UAAhB,EAA4B,GAA5B;MACA,OAAO,CAAC,KAAR,CAAc,eAAd,EAA+B,SAA/B;MACA,CAAA,CAAE,qBAAF,CAAwB,CAAC,QAAzB,CAAkC,WAAlC;aACA,QAAQ,CAAC,IAAT,GAAgB;IAJX;IAMP,MAAA,GAAS,SAAA;MACP,WAAW,CAAC,KAAZ,CAAkB,UAAlB;MACA,OAAO,CAAC,IAAR,CAAa,mBAAb,EAAkC,SAAlC;aACA,CAAA,CAAE,0BAAF,CAA6B,CAAC,WAA9B,CAA0C,WAA1C;IAHO;IAKT,IAAA,GAAO,CAAA,CAAE,SAAF,CAAY,CAAC,GAAb,CAAiB,CAAjB,CAAmB,CAAC,KAAM,CAAA,CAAA;IACjC,IAAG,YAAH;MACE,MAAA,GAAa,IAAA,UAAA,CAAA;MACb,MAAM,CAAC,SAAP,GAAmB,SAAA;QACjB,CAAA,CAAE,IAAF,CAAO,CAAC,MAAR,CAAe;UAAA,MAAA,EAAQ,MAAM,CAAC,MAAf;SAAf;QACA,WAAW,CAAC,GAAZ,CAAgB,UAAhB,EAA4B,CAA5B;eACA,CAAC,CAAC,SAAF,CAAY,IAAZ,EAAkB,IAAlB,EAAwB,MAAxB;MAHiB;aAInB,MAAM,CAAC,aAAP,CAAqB,IAArB,EANF;KAAA,MAAA;MAQE,WAAW,CAAC,GAAZ,CAAgB,UAAhB,EAA4B,CAA5B;aACA,CAAC,CAAC,SAAF,CAAY,IAAZ,EAAkB,IAAlB,EAAwB,MAAxB,EATF;;EAjBO;;EA6BT,MAAM,CAAC,QAAP,GAAkB,MAAM,CAAC,IAAP,CAAY,CAAA,CAAE,4BAAF,CAAZ,EAA6C;IAAA,IAAA,EAAM,OAAN;IAAe,QAAA,EAAU,UAAzB;GAA7C;;EAClB,MAAM,CAAC,OAAP,GAAiB,MAAM,CAAC,IAAP,CAAY,CAAA,CAAE,qBAAF,CAAZ,EAAsC;IAAA,IAAA,EAAM,MAAN;IAAc,IAAA,EAAM,MAApB;GAAtC;;EAGjB,MAAM,CAAC,CAAP,GAAe,IAAA,IAAI,CAAC,aAAL,CAAA;;EAGf,CAAC,CAAC,EAAF,CAAK,UAAL,EAAiB,SAAA;WACf,CAAA,CAAE,4BAAF,CAA+B,CAAC,WAAhC,CAA4C,WAA5C;EADe,CAAjB;;EAIA,CAAC,CAAC,EAAF,CAAK,YAAL,EAAmB,SAAA;IACjB,CAAC,CAAC,kBAAF,CAAA;WACA,CAAA,CAAE,4BAAF,CAA+B,CAAC,QAAhC,CAAyC,WAAzC;EAFiB,CAAnB;;EAKA,CAAC,CAAC,EAAF,CAAK,UAAL,EAAiB,SAAA;WACf,CAAA,CAAE,kCAAF,CAAqC,CAAC,WAAtC,CAAkD,WAAlD;EADe,CAAjB;;EAIA,CAAC,CAAC,EAAF,CAAK,UAAL,EAAiB,SAAA;WACf,OAAO,CAAC,GAAR,CAAY,iBAAZ,EAA+B,CAAC,2CAAD,CAA/B;EADe,CAAjB;;EAIA,CAAC,CAAC,EAAF,CAAK,eAAL,EAAsB,SAAA;WACpB,CAAA,CAAE,kCAAF,CAAqC,CAAC,WAAtC,CAAkD,WAAlD;EADoB,CAAtB;;EAIA,CAAC,CAAC,EAAF,CAAK,WAAL,EAAkB,SAAA;IAChB,MAAM,CAAC,GAAP,CAAW,UAAX,EAAuB,OAAO,CAAC,GAAR,CAAY,UAAZ,CAAuB,CAAC,IAAxB,CAAA,CAAvB;IACA,CAAA,CAAE,qBAAF,CAAwB,CAAC,WAAzB,CAAqC,WAArC;WACA,CAAA,CAAE,WAAF,CAAc,CAAC,KAAf,CAAA;EAHgB,CAAlB;;EAMA,CAAC,CAAC,EAAF,CAAK,QAAL,EAAe,SAAC,MAAD;AACb,YAAO,MAAP;AAAA,WACO,OAAO,CAAC,MAAM,CAAC,UADtB;eAEI,WAAW,CAAC,GAAZ,CAAgB,UAAhB,EAA4B,EAA5B;AAFJ,WAGO,OAAO,CAAC,MAAM,CAAC,SAHtB;eAII,WAAW,CAAC,GAAZ,CAAgB,UAAhB,EAA4B,GAA5B;AAJJ;eAMI,WAAW,CAAC,KAAZ,CAAkB,UAAlB;AANJ;EADa,CAAf;;EAUA,CAAC,CAAC,iBAAF,CAAA;;EAGA,CAAA,CAAE,iDAAF,CAAoD,CAAC,IAArD,CAA0D,SAAA;AACxD,QAAA;IAAA,KAAA,GAAQ,CAAA,CAAE,IAAF;WACR,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,EAApB,CAAuB,SAAvB,EAAkC,SAAC,CAAD;AAChC,UAAA;MAAA,IAAG,CAAC,CAAI,IAAC,CAAA,QAAL,IAAiB,IAAC,CAAA,KAAD,KAAY,EAA9B,CAAA,IAAsC,CAAC,CAAC,OAAF,KAAa,EAAtD;QACE,CAAC,CAAC,cAAF,CAAA;QACA,KAAA,GAAQ,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,KAApB,CAA0B,IAA1B;QACR,KAAA,GAAQ,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,EAApB,CAAuB,KAAA,GAAQ,CAA/B;QACR,IAAG,KAAK,CAAC,MAAN,KAAkB,CAArB;iBACE,KAAK,CAAC,KAAN,CAAA,EADF;SAAA,MAAA;iBAGE,KAAK,CAAC,IAAN,CAAW,QAAX,CAAoB,CAAC,OAArB,CAA6B,OAA7B,EAHF;SAJF;;IADgC,CAAlC;EAFwD,CAA1D;AAjIA"
 }
\ No newline at end of file

--- a/register.html	Fri Apr 08 21:33:16 2016 +0800
+++ b/register.html	Fri Apr 08 22:13:02 2016 +0800
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Registration</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.26.2/css/uikit.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.26.2/css/components/progress.min.css">
     <link rel="stylesheet" href="/css/tram-im.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
@@ -17,6 +18,10 @@
     <script src="/vendor/strophejs-plugins/vcard/strophe.vcard.js"></script>
   </head>
   <body>
+    <div class="uk-progress uk-progress-mini page-progress" data-app="progress" rv-hide="model:progress | eq undefined">
+      <div class="uk-progress-bar" rv-style="model:progress | fn view.getStyle"></div>
+    </div>
+
     <div class="smart-container">
       <div class="uk-alert" data-step="noscript">
         <p class="uk-text-center">This page needs JavaScript to work.</p>
@@ -95,6 +100,7 @@
     <script src='/js/tram.js'></script>
     <script src='/js/rivets.js'></script>
     <script src='/js/xmpp.js'></script>
+    <script src='/js/progress.js'></script>
     <script src='/config.js'></script>
     <script src='/js/register.js'></script>
   </body>