ProgressBar 예제

|

<link rel="stylesheet" href="/BasicJs/themes/base/ui.all.css" type="text/css">
    <script type="text/javascript" src="/BasicJs/jquery.js"></script>
    <script type="text/javascript" src="/BasicJs/ui/ui.core.js"></script>
    <script type="text/javascript" src="/BasicJs/ui/ui.progressbar.js"></script>
    <script type="text/javascript">
    <!--
        $(document).ready(
            function(){
                $("#ProgressBar").progressbar({ value: 0 });

                ProgressbarDisplay();
            }
        );

        function ProgressbarDisplay(){
            var ProcessNumber;

            ProcessNumber = $("#ProgressBar").progressbar("option", "value");

            if(ProcessNumber < 100){
                ProcessNumber += 1;
                $("#ProgressBar").progressbar("option", "value", ProcessNumber);
                s-tTimeout(ProgressbarDisplay, 100);
            }else{
                $("#ProgressBar").progressbar("destroy");
            }
        }
    //-->
    </script>
    <div id="ProgressBar"></div>

'Javascript > jQuery' 카테고리의 다른 글

복수 form 내에서 input 태그 확인  (0) 2011.04.12
n번째 요소 찾기  (0) 2011.03.29
다른 라이브러리와 jQuery의 $가 충돌할때  (0) 2011.02.27
selectbox  (0) 2011.02.23
jquery Ajax 호출 소스  (0) 2011.02.14
And