useProgress 훅

[eunsoA]

#️⃣ 연관된 이슈

#85

📝 훅 간단 사용 설명

useProgress는 프로그레스 바의 진행률을 부드럽게 애니메이션화하는 커스텀 훅입니다.

주요 기능

• 설정된 시간(duration) 동안 초기값에서 목표값까지 자동 진행
• complete 함수로 언제든지 100%로 완료 가능
• CSS transition과 함께 사용하여 부드러운 애니메이션 구현

기본 사용법

const { progress, complete } = useProgress({
  duration: 5000,    // 5초 동안
  initialProgress: 0, // 0%에서
  targetProgress: 90, // 90%까지 진행
});

활용 사례

• 페이지 로딩 화면

스크린샷

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
2025-fe-hookdle-docs	Ready	Preview	Comment	Sep 9, 2025 10:37am