진행률 표시줄 관리 및 개별 가치 관리
한 마디 또는 열 마디가 필요하십니까? 문제 없습니다. Progress Bars 리피터로 시작하여 Add Item 을 클릭하여 필요한 만큼의 진행률 막대를 만듭니다. 각 막대에 대해 명확한 제목 (“웹 디자인”과 같은) 과 정확한 백분율 값 (87 과 같은) 을 설정합니다. 콘텐츠 패널에서 직접 각 막대에 고유한 막대 색상을 할당할 수도 있습니다. 언제든지 막대를 재정렬하거나 삭제합니다.
- 무제한 막대: + 항목 추가 버튼을 사용하여 진행률 막대를 자유롭게 추가, 제거 및 재정렬합니다.
- 개별 바 사용자 지정: 목록의 모든 단일 바에 대해 고유한 제목, 백분율 값 및 바 색상을 설정합니다.
- 실시간 값 조정: 백분율 번호를 언제든지 변경하면 막대 채우기 너비가 자동으로 업데이트됩니다.
시각적 진행률 표시줄 스타일링 및 구조 디자인
진행률 막대 높이를 제어하여 대담하고 두껍거나 슬림하고 미묘하게 만듭니다. 막대 BG 색상 (빈 트랙) 과 생동감 넘치는 활성 막대 색상 (채우기 부분) 을 설정합니다. 테두리 반경 컨트롤을 사용하여 날카로운 직사각형 막대 또는 부드러운 알약 모양의 미터를 만듭니다. 그룹 내 막대 사이의 수직 간격을 조정하여 읽기 쉬운 깔끔한 레이아웃을 보장합니다.
- 듀얼 컬러 시스템: 명확한 대비를 위해 배경색과 활성 채우기 색상을 독립적으로 설정합니다.
- 바 치수: 완벽한 모양과 비율을 위해 바 높이와 테두리 반경을 제어합니다.
- 스마트 간격: 수직 간격을 사용하여 쌓인 진행률 막대 사이에 호흡 공간을 추가합니다.
진행률 표시줄에 대해 자주 묻는 질문입니다
사용자가 스크롤할 때 채워지도록 막대를 애니메이션화할 수 있습니까?
이것은 진행률 표시줄에 대한 표준 및 예상 기능입니다. 일반적으로 표시줄은 편집기에서 정적이지만 라이브 페이지에서 시청자의 시야에 들어올 때 설정 값으로 0%에서 애니메이션을 적용합니다. 마스터 애드온에는 이미 이 기능이 있지만 애니메이션을 변경할 수 있는 옵션이 없습니다.
이 진행률 표시줄의 가장 좋은 용도는 무엇입니까?
그들은 믿을 수 없을만큼 다재다능합니다! 일반적인 용도는 다음과 같습니다:
- 기술 및 전문 지식: “회사 소개” 또는 이력서 페이지.
- 프로젝트 상태: 캠페인 또는 목표에 대한 완료율 표시.
- 모금 추적기: 대상에 대한 기부금을 시각화합니다.
- 가격 & 기능 테이블: 계획 제한 강조 (예를 들면, “저장: 80% 사용”).
진행률 표시줄이 모바일에서 반응합니까?
예. 막대,높이, 간격 및 텍스트 타이포그래피는 모두 모바일 장치에서 적절하게 축소되어야 합니다. Elementor 의 반응형 편집 모드를 사용하여 필요한 경우 모바일에 맞게 막대 높이 또는 글꼴 크기를 특별히 미세 조정할 수 있습니다.
활성 막대 색상에 단색 대신 그라데이션을 사용할 수 있습니까?
아니. 현재 진행률 표시 줄 Elementor 에 대한 단색 대신 그라데이션 색상을 선택할 수있는 옵션이 없습니다. 그라데이션 색상을 사용하는 것을 선호한다면 우리는 당신을위한 솔루션을 가지고 있습니다. 제발 메시지를 보내주세요.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
