diff --git a/server/files/javascript/semantic.js b/server/files/javascript/semantic.js
index 2db15a8cd..5048308a8 100755
--- a/server/files/javascript/semantic.js
+++ b/server/files/javascript/semantic.js
@@ -70,6 +70,13 @@ semantic.ready = function() {
     $code             = $('div.code').not('.existing'),
     $existingCode     = $('.existing.code'),
 
+
+    requestAnimationFrame = window.requestAnimationFrame
+      || window.mozRequestAnimationFrame
+      || window.webkitRequestAnimationFrame
+      || window.msRequestAnimationFrame
+      || function(callback) { setTimeout(callback, 0); },
+
     // alias
     handler
   ;
@@ -932,10 +939,14 @@ semantic.ready = function() {
             .find('.complete')
               .html(percent)
               .end()
-            .modal('show', function() {
-              $('.language.modal .progress .bar').css('width', percent + '%');
-            })
           ;
+          requestAnimationFrame(function() {
+            $('.language.modal')
+              .modal('show', function() {
+                $('.language.modal .progress .bar').css('width', percent + '%');
+              })
+            ;
+          });
         }
       }
     })
diff --git a/server/layouts/default.html.eco b/server/layouts/default.html.eco
index bebc34e2d..4df5c31a1 100755
--- a/server/layouts/default.html.eco
+++ b/server/layouts/default.html.eco
@@ -322,7 +322,7 @@
       </div>
       <div class="description">
         <p>This translation is only <b><span class="complete"></span>%</b> complete!</p>
-        <div class="ui teal active striped progress">
+        <div class="ui teal active progress">
           <div class="bar"></div>
         </div>
         <p>We need your help to make Semantic available to  people who speak your language.</p>