Skip to content

Latest commit

 

History

History
16 lines (12 loc) · 565 Bytes

File metadata and controls

16 lines (12 loc) · 565 Bytes

Progress-Bar

Progress-Bar-demo

Project goal

  • position relative and position absolute to create the progress bar
  • disabling and enabling buttons
  • CSS animation + transition to give it the smooth effect
  • Font-awesome icons
  • Cursor not-allowed and cursor pointer
  • use Flexbox to create component and align
  • Vanilla JS eventListener, loops, class handling, IF logic to count the progress upward and backward

🛠️

HTML, CSS, Vanilla JavaScript