맨위로가기
 

SBUx

닫기

2.17 프로그래스바로 진행률 나타내기

STEP 1. progress 컴포넌트 생성

1. uitype 속성을 bar로 설정하여 컴포넌트를 생성합니다. 
<sbux-progress id="sbIdx1_1" name="sbTagNm1_1" uitype="bar">
    <progress-bar>
       <bar valuenow="0"></bar>
    </progress-bar>
</sbux-progress>

STEP 2. set Method로 컴포넌트 값 변경

1. set Method를 사용하여 진행률을 변경합니다. 
<script>
    $(document).ready(function(){
        SBUxMethod.set('sbTagNm1_1', '50');
    });
</script>
<sbux-progress id="sbIdx1_1" name="sbTagNm1_1" uitype="bar">
    <progress-bar>
       <bar valuenow="0"></bar>
    </progress-bar>
</sbux-progress>