system-service-definition-portlet/src/main/webapp/html/systemservicedefinition/simpleProgressBar.jsp

<div id="simpleProgress">
		<div id="simpleBar"></div>
</div>

<script type="text/javascript">
var elem = document.getElementById("simpleBar");

var position = 0;
var rm = true;
var id;


function frame() {
    
    if(rm) {
    	if(position>70){
        	rm=false;
            position--;  
        } else {
        	position++;
        }
    } else {
    	if(position>0){
        	position--;
        } else {
        	rm=true;
            position++;
        }
    }
    elem.style.marginLeft = position+"%";
}

function end(){
	clearInterval(id);
	var elemContainer = document.getElementById("simpleProgress");
	//elemContainer.style.display = "none";
	elemContainer.style.visibility = "hidden";
}

function move() { 
	var elemContainer = document.getElementById("simpleProgress");
	//elemContainer.style.display = "block";
	elemContainer.style.visibility = "visible";
	id=setInterval(frame, 10);
}

function loadingActive(){
	console.log("Loading...");
    move();
}

loadingActive();
</script>