https://github.com/skypse/projeto-41-javascript-step-progress-bar
Um simples barra de progresso de etapas com ícones utilizando HTML, CSS e JavaScript.
https://github.com/skypse/projeto-41-javascript-step-progress-bar
css html javascript
Last synced: 11 months ago
JSON representation
Um simples barra de progresso de etapas com ícones utilizando HTML, CSS e JavaScript.
- Host: GitHub
- URL: https://github.com/skypse/projeto-41-javascript-step-progress-bar
- Owner: skypse
- Created: 2024-04-29T12:08:23.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-30T20:49:38.000Z (over 1 year ago)
- Last Synced: 2025-01-16T10:16:09.933Z (about 1 year ago)
- Topics: css, html, javascript
- Language: JavaScript
- Homepage: https://skypse.github.io/Projeto-41-JavaScript-Step-Progress-Bar/
- Size: 2.93 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Step Progress Bar 🚀
https://github.com/skypse/Projeto-41-JavaScript-Step-Progress-Bar/assets/97822775/4c856972-407b-4a93-b8ef-7e0ab09d98e3
Um simples barra de progresso de etapas com ícones utilizando HTML, CSS e JavaScript.
## ⚙️ Funcionalidades Principais
- Avançar para a próxima etapa clicando no botão "Próximo".
- Retroceder para a etapa anterior clicando no botão "Anterior".
- A barra de progresso é atualizada dinamicamente à medida que as etapas são concluídas.
- Ícones indicam visualmente o status de cada etapa: concluída (ícone de marca de seleção) ou não concluída (ícone de "x").
## 🚀 Tecnologias Utilizadas
- HTML5
- CSS3
- JavaScript (ES6)
- Font Awesome (para os ícones)
## 🔗 Demonstração
[Acesse a demonstração clicando aqui](https://skypse.github.io/Projeto-41-JavaScript-Step-Progress-Bar/)
## 📧 Contato
### LinkedIn:
- [Acesse meu LinkedIn clicando aqui :)](https://www.linkedin.com/in/gabriel-do-amaral-alves-3a1055236/)
### Email:
- gabrieldoamaral.alves12@gmail.com