<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <button name="submit" id="submit" class="form-button"><span id="spinner" class="glyphicon glyphicon-repeat fast-right-spinner"></span> Submit Application</button> </div>

.glyphicon.fast-right-spinner { -webkit-animation: glyphicon-spin-r 1s infinite linear; animation: glyphicon-spin-r 1s infinite linear; } @-webkit-keyframes glyphicon-spin-r { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes glyphicon-spin-r { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes glyphicon-spin-l { 0% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes glyphicon-spin-l { 0% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

$(document).ready(function(){ $('#submit').onClick(); { $('#spinner').addClass('.hidden'); } });