진행률 표시줄 구성 요소

핵심 구성 요소 진행률 표시줄 구성 요소는 목표를 향한 진행 상태를 시각적으로 나타냅니다.

사용량

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

버전 및 호환성

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

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

구성 요소 버전 AEM 6.4 AEM 6.5 AEM as a Cloud Service
v1 호환 가능 호환 가능 호환 가능

샘플 구성 요소 출력

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

기술 세부 정보

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

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

구성 대화 상자

진행률 표시줄 구성 요소의 편집 대화 상자

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

디자인 대화 상자

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

스타일 탭

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

Adobe 클라이언트 데이터 레이어

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

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now