전체 문서 색인 / 포인터·호버·클릭 인터랙션

상태 전환 진행 막대

Interactive Progress Fill · atlas-live-progress

가상 진행률 25%와 100%를 전환하고 접근성 값을 갱신합니다.

직접 조작하기

카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.

ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.

UI·UX 모션 / 포인터·호버·클릭 인터랙션 / HTML · CSS · JavaScript

구현 API 참고문서 · 공식 문서 참고 · 자체 제작 예제

확인 범위와 상태는 기존 사전 기록을 표시합니다. 이 문서의 게시가 라이브러리 최신 버전·라이선스·실서비스 동작을 새로 검증했다는 의미는 아닙니다.