diff --git a/apimanager/metrics/static/metrics/js/spinner.js b/apimanager/metrics/static/metrics/js/spinner.js
new file mode 100644
index 0000000..461a7f2
--- /dev/null
+++ b/apimanager/metrics/static/metrics/js/spinner.js
@@ -0,0 +1,10 @@
+$(document).ready(function () {
+    $('.spinner').on('click', function() {
+        var e=this;
+        setTimeout(function() {
+            e.innerHTML='<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Loading...';
+            e.disabled=true;
+        },0);
+        return true;
+    });
+});
diff --git a/apimanager/metrics/templates/metrics/custom_summary.html b/apimanager/metrics/templates/metrics/custom_summary.html
index f44dbe1..a95e0b2 100644
--- a/apimanager/metrics/templates/metrics/custom_summary.html
+++ b/apimanager/metrics/templates/metrics/custom_summary.html
@@ -145,6 +145,9 @@
 
 {% endblock %}
 
+{% block extrajs %}
+<link href="{% static 'metrics/js/spinner.js' %}" rel="stylesheet">
+{% endblock extrajs %}
 {% block extracss %}
 		<link href="{% static 'metrics/css/metrics.css' %}" rel="stylesheet">
 {% endblock extracss %}
\ No newline at end of file