This project features a vertical progress spinner created with HTML and CSS. The spinner is designed with a sleek green progress meter inside a stylish box, providing a visual indication of progress. The layout is centered on the page and utilizes the Poppins font for a modern and clean look.
- HTML
- CSS
- Poppins Font
The container (div.box) houses the entire spinner, providing a background and box-shadow to enhance the visual appeal.
The spinner itself (div.spinner) consists of a vertical progress meter and additional styling for an engaging appearance.
The progress meter (div.progress) is a vertical column with a green background, representing the progress of a task. It includes a subtle drop shadow for added visual effect.
The project incorporates the Poppins font for a modern typography choice. The background is set to a dark shade (#222), creating a sleek contrast with the green progress meter.
- Clone the repository to your local machine:
git clone https://github.com/StarKnightt/Animated-Number-Spinner-.git