Add progress bar while app is loading.

jimmycuadra · Nov 4, 2012 · 51a5de7 · 51a5de7
1 parent 277ef28
commit 51a5de7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/source/index.html.haml b/source/index.html.haml
@@ -1,5 +1,8 @@
 %h1.title.centered Pushing Hands
 
+#loading.progress.progress-striped.active
+  .bar.full-width Loading…
+
 .row-fluid.double-spaced
   %table#grid.span7.double-spaced
   #hud.span5

diff --git a/source/javascripts/application.js.coffee b/source/javascripts/application.js.coffee
@@ -14,6 +14,7 @@ class ph.Application
     @setUpGrid(rowCount, columnCount)
     @setUpSounds()
     @setUpHUD()
+    $("#loading").remove()
 
   setUpGrid: (rowCount, columnCount) ->
     rows = @generateRows(rowCount, columnCount)

diff --git a/source/stylesheets/application.css.sass b/source/stylesheets/application.css.sass
@@ -3,6 +3,9 @@
 .title
   font-family: "Montserrat Subrayada", sans-serif
 
+.progress .full-width
+  width: 100%
+
 .centered
   text-align: center