Fixes to the localization nag

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 + '%');
+              })
+            ;
+          });
         }
       }
     })

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>