Javascript/jQuery

ProgressBar 예제

venustas 2011. 2. 23. 15:13

<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>