진행상태 표시기

http://ajaxify.com/run/time/

<img id="progress" class="notWaiting" src="progress.gif">
스크립트는 사용자가 대기 모드인지 아닌지의 여부에 따라 그 이미지에 대한 CSS 클래스를 토글시킨다.

.waiting{
   visibility:visible;
}

.notWaiting{
   visibility:hidden;
}


function submitSum() {


$("progress").style.visibility = "visible";

self.$("sum").innerHTML = "";

var definedFigures = {

figure1: $("figure1").value,

figure2: $("figure2").value,

figure3: $("figure3").value

}

ajaxCaller.get("sum.phtml", definedFigures, onSumResponse, false, null);

}



function onSumResponse(text, headers, callingContext) {

$("progress").style.visibility = "hidden";

self.$("sum").innerHTML = text;

}

• 진행상태 이미지 생성

        http://www.ajaxload.info/