diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index a1aa9ac5ee..580f0a7f9c 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -551,6 +551,20 @@ a.itemTag:hover {
     margin-right: 5px;
 }
 
+.detailImageProgressContainer {
+    position: absolute;
+    bottom: 6px;
+    right: 0;
+    left: 0;
+    text-align: center;
+}
+
+.detailImageProgressContainer progress {
+    width: 100%;
+    margin: 0 auto;
+    height: 6px;
+}
+
 @media all and (max-width: 550px) {
 
     .desktopViewMenuLink {
diff --git a/dashboard-ui/scripts/episodes.js b/dashboard-ui/scripts/episodes.js
index db669e0733..48802dbf59 100644
--- a/dashboard-ui/scripts/episodes.js
+++ b/dashboard-ui/scripts/episodes.js
@@ -38,6 +38,7 @@
                 useAverageAspectRatio: true,
                 shape: "backdrop",
                 showTitle: true,
+                showProgressBar: true,
                 showParentTitle: true,
                 overlayText: true
             });
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 602005d4cb..aa68736463 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -946,9 +946,13 @@
 
                 if (options.showProgressBar) {
 
-                    html += "<div class='posterItemText posterItemProgress'>";
-                    html += LibraryBrowser.getItemProgressBarHtml(item) || "&nbsp;";
-                    html += "</div>";
+                    var progressHtml = LibraryBrowser.getItemProgressBarHtml(item);
+                    
+                    if (progressHtml || !options.overlayText) {
+                        html += "<div class='posterItemText posterItemProgress'>";
+                        html += progressHtml || "&nbsp;";
+                        html += "</div>";
+                    }
                 }
 
                 if (overlayText) {
@@ -1980,6 +1984,7 @@
 
             var linkToGallery = LibraryBrowser.shouldDisplayGallery(item);
 
+            html += '<div style="position:relative;">';
             if (linkToGallery) {
                 html += "<a class='itemDetailGalleryLink' href='" + href + "'>";
             }
@@ -1990,6 +1995,16 @@
                 html += "</a>";
             }
 
+            var progressHtml = LibraryBrowser.getItemProgressBarHtml(item);
+            
+            if (progressHtml) {
+                html += '<div class="detailImageProgressContainer">';
+                html += progressHtml;
+                html += "</div>";
+            }
+
+            html += "</div>";
+
             return html;
         },