프로그래스바1

• 

  ProgressBar를 <progress> 태그로 만들기 아래의 정체성 버튼을 누르면 상단의 프로그래스바가 채워지는 페이지를 만들었다. 팀원이 프로그래스바를 컴포넌트로 만들지말고 태그가 있으니 이걸 이용해서 만들어보라고 조언해주어서 변경을 해보았다. 기존의 코드 totalClicksNeeded -> 전체 클릭 수 currentClicks -> 현재의 클릭 수 전체 클릭 수를 현재 클릭 수로 나뉘고 100을 곱해서 현재의 %를 구하였다. const calculateProgress = () => { return (currentClicks / totalClicksNeeded) * 100; }; %를 width로 보내서 %만큼 width가 채워지게 만들었다. & > div { height: 4px; width: ${calculateProgress}%; backgrou.. 개발/HTML 2024. 3. 26.