diff --git a/index.html b/index.html
index 7f7d200..be12efd 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
             <div class="container">
                 <div class="header-left">
                     <div class="header-item">
-                        <a href="/"><h1 class="title">Stardew Community Checklist</h1></a>
+                        <a href="./"><h1 class="title">Stardew Community Checklist</h1></a>
                     </div>
                 </div>
                 <div class="header-right">
@@ -141,9 +141,25 @@
                 </nav>
             </div>
             <div class="column">
-                <h3 class="title">{{ static.bundles[active_bundle].name }}</h3>
-                <progress class="progress is-info" value="{{ user_data[active_bundle].length }}"
-                          max="{{ static.bundles[active_bundle].items_required }}"></progress>
+                <div class="columns">
+                    <div class="column">
+                        <h3 class="title">{{ static.bundles[active_bundle].name }}</h3>
+                        <h5 class="subtitle">{{ static.bundles[active_bundle].reward }}</h5>
+                        <progress class="progress is-info"
+                                  value="{{ user_data[active_bundle].length }}"
+                                  max="{{ static.bundles[active_bundle].items_required }}"></progress>
+                    </div>
+                    <div class="column">
+                        <h3 class="title">{{ static.rooms[static.bundles[active_bundle].room].name }}</h3>
+                        <h5 class="subtitle">{{ static.rooms[static.bundles[active_bundle].room].reward }}</h5>
+                        <progress class="progress is-info"
+                                  value="{{ getRoomItemsChecked(static.bundles[active_bundle].room) }}"
+                                  max="{{ getRoomItemsRequired(static.bundles[active_bundle].room) }}"
+                        >
+
+                        </progress>
+                    </div>
+                </div>
                 <div class="columns is-multiline">
                     <div class="column is-3 is-flex" v-for="item in static.items | inBundle active_bundle">
                         <div class="card is-fullwidth is-flex eq-line">
diff --git a/main.js b/main.js
index 0574481..10fc5d6 100644
--- a/main.js
+++ b/main.js
@@ -116,6 +116,22 @@ var v = new Vue({
                 }
             }
             return "";
+        },
+        getRoomItemsRequired: function(roomId) {
+            return this.static.bundles.reduce(function(previousValue, nextValue){
+                if(nextValue.room === roomId){
+                    return previousValue + nextValue.items_required;
+                }
+                else{
+                    return previousValue;
+                }
+            }, 0)
+        },
+        getRoomItemsChecked: function(roomId){
+            return this.static.bundles
+                .filter(function(b){ return b.room === roomId; })
+                .map(function(b){ return b.id; })
+                .reduce(function(p, c){ return p + v.user_data[c].length; }, 0);
         }
     }
 });