프로그래스바dews-ui-progress

기본 사용법

진행 메시지 표시하기

  • 주 문구 설정: 생성 옵션의 textTemplate을 지정합니다.
  • 보조 문구 설정: 생성 옵션의 alterTextTemplate을 지정합니다.

※ 템플릿은 HTML 코드로 작성할 수 있습니다.

※ 진행률 표시 예약어

  • #=percent# : 진행률을 %(퍼센트) 형식으로 출력합니다.
  • #=progress# : 진행률을 진행/전체 형식으로 출력합니다.

타이틀 바 표시

생성 옵션의 titlebar 속성을 설정합니다.

예)
titlebar: true - 타이틀 바 출력
titlebar: { text: '진행률' } - 타이틀 바를 출력하고 텍스트까지 지정

프로그래스 진행 상황을 파일 용량 단위로 출력

byte 속성 값을 true로 설정하면 파일 용량 단위로 출력합니다. ※ 기본값: false (생략가능)

다른 요소들과 인터렉션 허용 유무

modal 속성 값을 true로 설정하면 다른 요소들과 인터렉션을 허용하지 않습니다. ※ 기본값: false (생략가능)

컨트롤 내부에 표시하기

생성 옵션의 target 에 대상이 되는 컨트롤의 ID를 설정합니다.

두 개의 프로그래스 바 연동하여 표시하기