무료 Elementor Circle 진행률 표시줄 위젯
Elementor 의 무료 Progress Bar 위젯은 직선을 그립니다. Master Addons 의 Progress Bar 위젯도 무료이며,바로 그을 수 있습니다 선,퍼센트 버블이있는 선,전체 원 또는 반 원 팬 게이지로 제목과 값을 0 에서 100 까지 지정하고 스타일 사전 설정을 선택한 다음 채워진 막대와 그 뒤에있는 트랙을 색칠하십시오. 자금 목표,코스 진행,등급 및 단일 통계에 잘 작동합니다. 하나의 위젯 안에 스킬 바 목록은 다음을 사용하십시오 진행률 표시줄. 방문자가 게시물을 스크롤하면서 채워지는 막대의 경우 다음을 사용하십시오 읽기 진행률 표시줄.
Elementor에서 원 진행률 표시줄을 추가하는 방법
위젯은 무료 마스터 애드온 플러그인의 일부이므로 Elementor 및 Master 애드온 만 있으면됩니다.
- 설치 및 활성화 WordPress.org 의 마스터 애드온.
- Elementor로 페이지를 편집하고 위젯 패널을 검색하세요 진행률 표시줄.
- 열로 드래그합니다. 원의 행의 경우 각 열에 하나의 위젯을 넣습니다.
- Content 에서 Title 을 입력하고 값을 0 에서 100 으로 설정합니다.
- 스타일, 일반 스타일에서는 스타일 사전 설정을 원으로 설정하거나 반원 게이지를 팬으로 설정합니다.
- 앞면 막대 및 뒷면 막대 색상과 너비를 설정한 다음 제목 및 값 텍스트의 스타일을 지정합니다.
모든 설정은 에서 다룹니다 진행률 표시줄 위젯 설정 가이드.
선, 선 거품, 원형 및 팬 사전 설정
스타일, 일반 스타일,에서 모양을 선택합니다 스타일 사전 설정니다. 선은 그 위에 제목이 있는 평평한 수평 막대입니다. 선 버블은 채우기 지점에 따라 슬라이드하는 둥근 레이블을 추가하고 백분율을 보여줍니다. 원은 중간에 값이 있는 전체 링을 그리고 팬은 반원 게이지를 그립니다.
- 언제든지 사전 설정을 전환하면 제목, 값 및 색상이 그대로 유지됩니다.
- 거품 색깔 라인 버블에 버블의 채우기를 설정합니다.
- 버블 위치 바에 대해 거품을 위 또는 아래로 이동합니다.
제목과 가치
콘텐츠 탭에는 두 개의 필드가 있습니다. 제목 모금 목표나 코스 진행과 같은 레이블입니다. 값 막대, 링 또는 게이지가 채워지는 거리를 설정하는 0부터 100(기본적으로 60)까지의 숫자이며 백분율로 표시됩니다.
- 페이지가 로드되면 채우기가 0에서 약 1초에 걸쳐 값까지 애니메이션화됩니다.
- 사용자 정의 최대값이 없으므로 60개 레슨 중 45개가 75개로 들어갑니다.
- 하나의 위젯은 하나의 표시기입니다. 복제하여 원의 행이나 선의 스택을 만듭니다.
앞 바 및 뒤 바 스타일링
프론트 바 는 채워진 부분이며 백 바 는 뒤에 트랙입니다. 각각은 자신의 색상과 스트로크 두께에 대한 너비 번호,기본적으로 5 를 가지고 있습니다. 얇은 라이트 트랙 위의 두꺼운 전면 막대는 특히 서클 및 팬 사전 설정에서 쉽게 읽을 수 있습니다.
- 기본 색상은 밝은 회색 (#ddd) 트랙에서 보라색 (#704aff) 입니다.
- 색상은 단색입니다. 그라디언트 채우기 옵션이 없습니다.
- 너비는 모든 기기에 하나의 숫자이므로 모바일에서 결과를 확인하세요.
제목 및 값 텍스트
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 제목 그리고 값 스타일 섹션에는 각각 색상 선택기와 전체 타이포그래피 그룹이 있으므로 백분율은 레이블보다 크거나 굵을 수 있습니다. 원과 팬에서 값이 모양 안에 위치합니다.
- 제목은 H6 제목으로 출력되며 기본값은 검정색입니다.
- 값 색상과 타이포그래피는 Line Bubble 라벨에도 적용됩니다.
Elementor Progress Bar 대 Master Addons 진행률 바
두 위젯 모두 무료입니다. Elementor 의 Progress Bar 는 텍스트 줄을 내부에 담을 수있는 직선 막대입니다. Master Addon 은 둥근 모양을 추가하므로 선택은 대부분 필요한 모양으로 귀결됩니다.
| 특징 | Elementor 진행률 표시줄 | 마스터 애드온 진행률 표시줄 |
|---|---|---|
| 가격 | Elementor에서는 무료입니다 | 마스터 애드온에서 무료 |
| 모양 | 라인 전용 | 선, 선 거품, 원형 및 팬 |
| 값 | 동적 태그가 있는 백분율 슬라이더입니다 | 0 에서 100 까지의 수 |
| 텍스트 | HTML 태그 선택이 포함된 제목, 표시 비율, 내부 텍스트 | 제목(H6) 및 백분율 라벨 |
| 막대 크기 | 높이 및 테두리 반경 | 앞바와 뒷바 너비 |
| 색상 | 막대기 색깔과 배경 색깔 | 전면 바 및 후면 바 색상, 버블 색상 |
| 애니메이션 | 막대가 보기로 스크롤될 때 채워집니다 | 페이지가 로드될 때 채워집니다 |
방문자가 도달하거나 동적 태그에서 값을 가져올 때 애니메이션되는 간단한 줄에 Elementor 의 위젯을 사용하십시오. 링이나 게이지를 원할 때 Master Addon 을 사용하십시오. 관련 무료 위젯: 진행률 표시줄 하나의 위젯에 스킬 바가 있는 경우 읽기 진행률 표시줄 스크롤 진행률 표시기의 경우 및 카운터 업 애니메이션 숫자의 경우.
진행률 표시줄에 대해 자주 묻는 질문입니다
진행률 표시 줄, 진행률 표시 줄 및 읽기 진행률 표시 줄의 차이점은 무엇입니까?
진행률 표시줄 (이 위젯) 은 선,거품이 있는 선,원 또는 팬 게이지로 표시되는 하나의 표시기입니다. The 진행률 표시줄 요소입니다 하나의 위젯 안에 추가하는 수평 스킬 바 목록입니다. 읽기 진행률 표시줄 방문자가 페이지를 스크롤한 거리를 보여주는 확장입니다.
진행률 표시줄이 보기로 스크롤될 때 애니메이션이 적용됩니까?
아니요. 채우기는 페이지가 로드되자마자 약 1 초 만에 0 에서 값으로 실행되므로 페이지 아래 멀리 있는 막대가 누군가가 보기 전에 끝날 수 있습니다. Elementor 의 자체 진행률 막대와 마스터 애드온 진행률 막대 위젯은 모두 보기에 들어오면 채우기를 시작합니다.
마스터 애드온 진행률 표시줄 위젯은 무료입니까?
예. WordPress.org 의 무료 Master Addons 플러그인과 함께 제공되며 Pro 라이센스없이 4 개의 사전 설정이 모두 포함되어 있습니다.
100 점 만점에 원 진행률 표시 줄을 만들 수 있습니까?
예. 스타일 사전 설정을 점수에 동그라미 및 값으로 설정하십시오. 예를 들어 85. 링은 중간에 85%로 85 퍼센트로 채워집니다. 다른 숫자에서 점수를 얻으려면 먼저 퍼센트로 변환하십시오. 위젯에는 사용자 정의 최대값이 없기 때문입니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
