설명

목표 달성률을 보여 주는 블록 3종입니다. 원형 게이지는 두 가지 방식을 나란히 넣었는데, 하나는 conic-gradient 도넛이고 다른 하나는 stroke-dasharray로 그린 SVG 링입니다. 아래 막대 진행 목록에는 목표별 현재값/목표값, 증감 표시, 지연 배지, 전체 달성률 요약을 담았습니다. 마지막은 다크 배경의 미니 게이지 3열이며, 게이지와 막대 모두 role=progressbar와 aria-valuenow를 붙였습니다.

변경 이력