진행률 표시줄 구성 요소

코어 구성 요소 진행률 표시줄 구성 요소는 목표를 위한 진행 상황을 시각적으로 나타냅니다.

사용량

진행률 표시줄 구성 요소를 사용하면 컨텐츠 작성자가 완료율을 정의하여 진행률 표시줄을 손쉽게 만들 수 있으므로 목표를 향해 진행 상황을 직관적으로 시각적으로 표시할 수 있습니다.

버전 및 호환성

진행률 표시줄 구성 요소의 현재 버전은 v1이며, 2020년 5월에 핵심 구성 요소 릴리스 2.9.0에서 도입되었으며, 이 문서에 설명되어 있습니다.

다음 표에서는 구성 요소의 지원되는 모든 버전, 구성 요소의 버전이 호환되는 AEM 버전 및 이전 버전에 대한 설명서 링크에 대해 자세히 설명합니다.

샘플 구성 요소 출력

진행률 표시줄 구성 요소와 구성 옵션의 예 및 HTML 및 JSON 출력을 보려면 구성 요소 라이브러리를 방문하십시오.

기술 세부 정보

진행률 표시줄 구성 요소 에 대한 최신 기술 설명서는 GitHub에 있습니다.

코어 구성 요소 개발에 대한 자세한 내용은 코어 구성 요소 개발자 설명서에서 확인할 수 있습니다.

구성 대화 상자

• 완료 - 백분율로 표시되는 진행 상태
• ID - 이 옵션을 사용하면 HTML과 데이터 레이어에서 구성 요소의 고유 식별자를 제어할 수 있습니다.
  • 비워 두면 고유 ID가 자동으로 생성되며 결과 페이지를 검사하여 찾을 수 있습니다.
  • ID가 지정된 경우 ID가 고유한지 확인하는 것은 작성자의 책임입니다.
  • ID를 변경하면 CSS, JS 및 데이터 레이어 추적에 영향을 줄 수 있습니다.

디자인 대화 상자

템플릿 작성자는 디자인 대화 상자에서 진행률 표시줄 구성 요소에 적용된 스타일을 정의할 수 있습니다.

스타일 탭

진행률 표시줄 구성 요소는 AEM 스타일 시스템을 지원합니다.

Adobe 클라이언트 데이터 계층

진행률 표시줄 구성 요소는 Adobe 클라이언트 데이터 계층을 지원합니다.