Step Progress

보통

다단계 진행 표시

#javascript#smooth

라이브 데모

✓
Step 1
2
Step 2
3
Step 3
4
Step 4

코드

StepProgress.tsx
const steps = ['Step 1', 'Step 2', 'Step 3'];
{steps.map((step, index) => (
  <div className={`step ${currentStep >= index ? 'active' : ''}`}>
    {step}
  </div>
))}