diff --git a/images/loading.gif b/images/loading.gif
new file mode 100644
index 00000000..b5dbe3ad
Binary files /dev/null and b/images/loading.gif differ
diff --git a/index.html b/index.html
index d5b73260..3e39b3e4 100755
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
         <style id='skin' media="screen" type="text/css"></style>
     </head>
     <body>
-        <div id='winamp' class='stop'>
+        <div id='winamp' class='loading stop'>
             <div id='title-bar' class='selected'>
                 <div id='option'></div>
                 <div id='shade-time'>
diff --git a/skin.js b/skin.js
index cf7e8e48..8951e0a7 100644
--- a/skin.js
+++ b/skin.js
@@ -68,6 +68,9 @@ SkinManager = {
             }
 
         }
+
+        // Clear the loading state
+        document.getElementById('winamp').classList.remove('loading');
         this.style.appendChild(document.createTextNode(cssRules));
 
         this._parseVisColors(zip);
diff --git a/winamp.css b/winamp.css
index 921ed9c8..895fa103 100755
--- a/winamp.css
+++ b/winamp.css
@@ -32,6 +32,13 @@ a:focus { outline: none; }
     cursor:url('cursors/MAINMENU.CUR'), auto;
 }
 
+#winamp.loading {
+    background-image: url('images/loading.gif');
+    background-position: center;
+    background-repeat: no-repeat;
+    border: 2px solid #dddddd;
+}
+
 #winamp.closed { display: none; }
 
 #title-bar {
