diff --git a/src/scripts/browse.tag b/src/scripts/browse.tag
index 93ad6d0..d13b84d 100644
--- a/src/scripts/browse.tag
+++ b/src/scripts/browse.tag
@@ -5,10 +5,12 @@
     onfilter={filterCategories}
   >
   </menu>
+  <loading if={loading}></loading>
   <div
+    if={!loading}
     style={cardStyle}
     class="card content"
-    each={result in results}
+    each={result in opts.state.results}
   >
     <div class="card-header">
       <a
@@ -26,13 +28,14 @@
 <script type="es6">
 import './raw.tag';
 import './menu.tag';
+import './loading.tag';
 import route from 'riot-route';
 import { default as RiotControl } from 'riotcontrol';
 
 var self = this;
 
 self.route = route;
-self.results = self.opts.state.results;
+self.loading = false;
 
 self.openPost = (id) => {
   return ((ev) => {
@@ -48,12 +51,16 @@ self.cardStyle = {
 
 self.filterCategories = (category) => {
   return ((ev) => {
+    self.update({"loading" : true});
     ev.preventDefault();
     self.route(`browse/${category}`);
     window.cached(`/blog/getbrowse/${category}/0`)
     .then((resp) => { return resp.json() })
     .then((results) => {
-      self.update({"results" : results});
+      self.opts.state.results = results;
+      self.update({
+        "loading" : false
+      });
     });
   })
 }
diff --git a/src/scripts/post.tag b/src/scripts/post.tag
index 5920987..f84555b 100644
--- a/src/scripts/post.tag
+++ b/src/scripts/post.tag
@@ -43,6 +43,7 @@
     </div>
   </div>
 <script>
+import './loading.tag';
 import './raw.tag';
 import './social.tag';
 import './postcontrols.tag';