https://github.com/adityamamta/animated-loadingbar-button
Animated Progress bar button build with HTML, CSS & Javascript
https://github.com/adityamamta/animated-loadingbar-button
animated-button frontend-web html-css-javascript loading-animation web-development
Last synced: 11 months ago
JSON representation
Animated Progress bar button build with HTML, CSS & Javascript
- Host: GitHub
- URL: https://github.com/adityamamta/animated-loadingbar-button
- Owner: adityamamta
- Created: 2024-12-06T14:35:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-07T05:18:16.000Z (over 1 year ago)
- Last Synced: 2025-05-24T08:42:16.881Z (about 1 year ago)
- Topics: animated-button, frontend-web, html-css-javascript, loading-animation, web-development
- Language: CSS
- Homepage: https://adityamamta.github.io/animated-loadingbar-button/
- Size: 251 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Animated Button with Done State
## 
An interactive button with an animation and state management, transitioning between "Click Me!" and "Done!" seamlessly.
---
## Features
- **Interactive Animation**: Button animation triggers on click with a smooth transition.
- **State Management**: Handles "active" and "done" states efficiently, allowing resets.
- **Event Integration**: Uses `animationend` event to manage button states.
---
## Technologies Used
- **HTML**
- **CSS**: Keyframes and transitions for smooth animations.
- **JavaScript**: Handles button states and event listeners.
---
## 💼 Contact Me
- **LinkedIn**: [Linkedin](https://www.linkedin.com/in/adityamamta/)
- **Email**: adityamamta4@gmail.com
---