diff --git a/app/views/milestones/_milestones_content.html.erb b/app/views/milestones/_milestones_content.html.erb
index 92c46884f..12d2d1e92 100644
--- a/app/views/milestones/_milestones_content.html.erb
+++ b/app/views/milestones/_milestones_content.html.erb
@@ -6,24 +6,7 @@
       </div>
     <% end %>
 
-    <% if milestoneable.primary_progress_bar %>
-      <section class="progress-bars">
-        <h5><%= t("milestones.index.progress") %></h5>
-
-        <%= progress_tag_for(milestoneable.primary_progress_bar) %>
-
-        <% if milestoneable.secondary_progress_bars.any? %>
-          <ul class="milestone-progress">
-            <% milestoneable.secondary_progress_bars.each do |progress_bar| %>
-              <li>
-                <%= progress_bar.title %>
-                <%= progress_tag_for(progress_bar) %>
-              </li>
-            <% end %>
-          </ul>
-        <% end %>
-      </section>
-    <% end %>
+    <%= render "milestones/progress_bars", milestoneable: milestoneable %>
 
     <section class="timeline">
       <ul class="no-bullet">
diff --git a/app/views/milestones/_progress_bars.html.erb b/app/views/milestones/_progress_bars.html.erb
new file mode 100644
index 000000000..a5db62008
--- /dev/null
+++ b/app/views/milestones/_progress_bars.html.erb
@@ -0,0 +1,18 @@
+<% if milestoneable.primary_progress_bar %>
+  <section class="progress-bars">
+    <h5><%= t("milestones.index.progress") %></h5>
+
+    <%= progress_tag_for(milestoneable.primary_progress_bar) %>
+
+    <% if milestoneable.secondary_progress_bars.any? %>
+      <ul class="milestone-progress">
+        <% milestoneable.secondary_progress_bars.each do |progress_bar| %>
+          <li>
+            <%= progress_bar.title %>
+            <%= progress_tag_for(progress_bar) %>
+          </li>
+        <% end %>
+      </ul>
+    <% end %>
+  </section>
+<% end %>