Jquery Mobile Loader

HTML

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

CSS

.abv-loading-text{
  width: 100%;
text-align: center;
}


.ui-loading .ui-loader {
    display: block;
    width: 500%;
    left: 0;
    margin: 0 auto;
}

.ui-icon-loading {
  width: 120px!important;
  height: auto;
}

JavaScript

var loadingUI =
    "<label class='abv-loading-text'>Wait on this screen until the process is complete.</label>" +
    "<span class='ui-icon-loading'></span>" +
    "<h1></h1>";

$.mobile.loading('show');