<script type="text/javascript" src="js/jquery-1.x.x.min.js"></script>

  <script type="text/javascript" src="lprogress.min.js"></script>

  <link href='lprogress.css' type='text/css' rel='stylesheet'>

 

var lprog;

var ix = 0;

$(document).ready(function () {

    lprog = $("#x1").progress({ width: 200, height: 10, prog: 0 }); // Init Progressbar

    loopx();

});

function loopx() {

    if (ix > 100) ix = 0; 

    lprog.set(ix++);   // Set Progress 

   setTimeout(function () { loopx(); }, 100);

 }

function txtx() {

    lprog.text("ok");

}

function norm() {

    lprog.color("blue");

}

function red() {

    lprog.color("red");

}

function green() {

    lprog.color("green");

}