diff --git a/_includes/regrtest_summary.html b/_includes/regrtest_summary.html
new file mode 100644
index 000000000..159263b55
--- /dev/null
+++ b/_includes/regrtest_summary.html
@@ -0,0 +1,72 @@
+{% assign result_total = include.pass | plus: include.skip | plus: include.fail %}
+{% assign pass_percent = include.pass | times: 100.0 | divided_by: result_total | round: 2 %}
+{% assign skip_percent = include.skip | times: 100.0 | divided_by: result_total | round: 2 %}
+{% assign fail_percent = include.fail | times: 100.0 | divided_by: result_total | round: 2 %}
+
+{% assign pass_color = "#4c1" %}
+{% assign skip_color = "#e4df12" %}
+{% assign fail_color = "#fe7d37" %}
+{% assign bar_height = "20px" %}
+
+{%if include.svg %}
+
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="244" height="20">
+    <g shape-rendering="crispEdges">
+      <rect width="49" height="20" fill="#555" />
+      <rect x="49" width="65" height="20" fill="{{ pass_color }}" />
+      <rect x="114" width="65" height="20" fill="{{ skip_color }}" />
+      <rect x="179" width="65" height="20" fill="{{ fail_color }}" />
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif"
+      text-rendering="geometricPrecision" font-size="110">
+      <text x="255" y="140" transform="scale(.1)"
+        textLength="390">Results</text>
+      <text x="805" y="140" transform="scale(.1)" textLength="550">Pass {{ pass_percent  | round: 1 }}%</text>
+      <text x="1455" y="140" transform="scale(.1)" textLength="550">Skip {{ skip_percent | round: 1 }}%</text>
+      <text x="2105" y="140" transform="scale(.1)" textLength="550">Fail {{ fail_percent | round: 1 }}%</text>
+    </g>
+  </svg>
+    
+{% endif %}
+
+{% if include.table or include.svg == nil or include.svg == false %}
+
+<div class="tbl padding-small">
+  <div class="row">
+    <div class ="cell_summary">
+        <span class="font-secondary">Total Tests: </span>
+        {{ result_total }}
+    </div>
+    <div class ="cell_summary">
+      {% if include.extime %}
+      <span class="font-secondary">Exec Time: </span>
+      {{ include.extime }}
+      {% endif %}
+    </div>
+    
+  </div>
+  <div class="row">
+    <div class="cell_summary">
+        <span class="font-secondary">Passed: </span>
+        {{ include.pass }} ({{ pass_percent }}%)
+    </div>
+    <div class="cell_summary">
+        <span class="font-secondary">Skipped: </span>
+        {{ include.skip }} ({{ skip_percent }}%)
+    </div>
+    <div class ="cell_summary">
+        <span class="font-secondary">Failed: </span>
+        {{ include.fail }} ({{ fail_percent }}%)
+    </div>
+  </div>
+  <div class="row" 
+    style="background: linear-gradient(to right, 
+              {{ pass_color }} {{ pass_percent }}%, 
+              {{ skip_color }} {{ pass_percent }}% {{ skip_percent | plus: pass_percent }}%, 
+              {{ fail_color }} {{ skip_percent | plus: pass_percent }}% {{ fail_percent | plus: pass_percent | plus: skip_percent }}%
+            ); 
+           height: {{ bar_height }};">
+
+  </div>
+</div>
+{% endif %}
diff --git a/_layouts/regrtests_results.html b/_layouts/regrtests_results.html
index 827656661..07924b5d5 100644
--- a/_layouts/regrtests_results.html
+++ b/_layouts/regrtests_results.html
@@ -27,31 +27,59 @@
 <!--  content -->
 <div class="w-80 m-auto">
   <div class="m-auto">
+
+    <div class="results-suites">
+      <div class="results-test">
+        <div class="padding-small">
+          <h2 class="font-secondary">Summary:</span>
+        </div>
+          {% assign regrtests_results = site.data.regrtests_results %}
+          {% include regrtest_summary.html 
+              pass=regrtests_results.num_passed 
+              skip=regrtests_results.num_skipped 
+              fail=regrtests_results.num_failed 
+              extime=regrtests_results.execution_time
+          %}
+      </div>
+    </div>
+
     {% for test in site.data.regrtests_results.suites %}
+    
     <div class="results-suites">
       {% for result in test %}
+      
       <div class="results-test">
+        <div class="d-md-flex">
+          <div class="w-md-50">
+            {% if result.module %}
+            <div class="padding-small">
+              <span class="font-secondary">Module:</span>
+              {{result.module }}
+            </div>
+            {% endif %}
 
-        {% if result.module %}
-        <div class="padding-small">
-          <span class="font-secondary">Module:</span>
-          {{result.module }}
-        </div>
-        {% endif %}
+            {% if result.name %}
+            <div class="padding-small">
+              <span class="font-secondary">Name: </span>
+              {{result.name }}
+            </div>
+            {% endif %}
 
-        {% if result.name %}
-        <div class="padding-small">
-          <span class="font-secondary">Name: </span>
-          {{result.name }}
-        </div>
-        {% endif %}
+            {% if result.class %}
+            <div class="padding-small">
+              <span class="font-secondary">Class: </span>
+              {{result.class }}
+            </div>
+            {% endif %}
 
-        {% if result.class %}
-        <div class="padding-small">
-          <span class="font-secondary">Class: </span>
-          {{result.class }}
+            
+          </div>
+          {% if result.num_passed and result.num_skipped and result.num_failed %}
+            <div class="w-md-50 float-md-right">
+              {% include regrtest_summary.html pass=result.num_passed skip=result.num_skipped fail=result.num_failed extime=result.execution_time %}
+            </div>
+          {% endif %}
         </div>
-        {% endif %}
 
         <div class="results-case-wrapper">
           {% for cases in result.cases %}
@@ -97,4 +125,4 @@
   </div>
 </div>
 
-<script src="/assets/js/regrtests_results.js"></script>
\ No newline at end of file
+<script src="/assets/js/regrtests_results.js"></script>
diff --git a/assets/style.css b/assets/style.css
index 040f7116a..972cc3c31 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -334,4 +334,12 @@ ul.list-inline {
 
 .filter.active {
     background-color: #FFD43B;
-}
\ No newline at end of file
+}
+
+/* classes used in the results summary */
+
+.cell_summary {
+    flex: 4;
+    border-bottom: 1px solid white;
+    align-self: end;
+}