https://www.npmjs.com/package/@ramonak/react-progress-bar
@ramonak/react-progress-bar
> Progress Bar React Component. Latest version: 5.3.0, last published: 5 months ago. Start using @ramonak/react-progress-bar in your project by running `npm i @ramonak/react-progress-bar`. There are 53 other projects in the npm registry using @ramonak/reac
www.npmjs.com
import ProgressBar from '@ramonak/react-progress-bar';
<ProgressBar
completed={70} // 진행률
maxCompleted={100} 최대 완료 값
height="20px" // 세로
width="340px" // 가로
borderRadius="50px" // 테두리를 얼마나 둥글게 할지
isLabelVisible={false} // 프로그레스 바 안에 라벨 표시를 할지 말지
baseBgColor="gray" // 회색 배경
bgColor="pink" // 핑크색 진행 바
/>
결과물:
'업무 회고' 카테고리의 다른 글
inline CSS가 CSS 파일 속 CSS를 덮어버렸을 때 해결방법 (0) | 2025.03.05 |
---|---|
2025년 2월 개발 회고 (0) | 2025.03.04 |
Swiper를 사용해서, 슬라이드 만드는 법 (0) | 2025.03.03 |
keyframes로 자동으로 움직이는 Carousel 만드는 법 (0) | 2025.03.02 |
순수 CSS로만 Sticky Scroll Cards 만들기 (0) | 2025.03.01 |
댓글