https://github.com/victorcodess/progress-steps

https://github.com/victorcodess/progress-steps

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/victorcodess/progress-steps
• Owner: victorcodess
• Created: 2022-03-02T23:16:27.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-03-03T12:00:58.000Z (over 4 years ago)
• Last Synced: 2025-12-28T13:22:29.272Z (7 months ago)
• Language: CSS
• Homepage: progress-steps-rho.vercel.app
• Size: 2.93 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

          

# Progress Steps

Progress bars are used to show progress of a task. That bar fills up according to the percentage of progress made in accomplishing a task. The "next" button moves you to the next step, while the "prev" button takes you back a previous step.

This is a project form a course by Brad Traversy.

## Screenshots

![image](https://user-images.githubusercontent.com/84178696/156559319-fa9917e1-338a-4420-89a2-51d9149b9632.png)

## Lessons Learned

#### CSS

I learn about CSS animations and how to use active pseudo-classes to check when an elemnt is activated by a user. 

#### JavaScript

I learnt a lot about JavaScript DOM manipulations using query selctors and class/id selctors.

I also learnt about event listeners, which were used to check when the user clicks on the next/prev buttons.