Progress Steps bar Project

Project 2 - A progress bar can be used on forms or multi-sectional pages.

Technology used: HTML CSS and JavaScript (Vanilla) .

Table of Contents

• Introduction
• Project Structure
• Setup
• Features
• Developer

Introduction

A progress bar which can be used on forms or multi-sectional pages. it have two buttons to switch between its five stages

Project Structure

style.css        // Contains Page's styless

index.html        // Contains HTML code

app.js        // Contains all required functionality

README.md        // You are currently reading it and it contains the project's documentation.

Setup

To get the project up and running follow the steps below:

1. you can download/clone the repository.
2. open index.html using any browser.

Features

1. Switching between stages by clicking on of the two buttons .
2. Preview the progress by a dynamic blue fill to detect the current stage.
3. Both buttons turns to be disabled when they reach the permitted range of stages.
4. The bar is dynamic and can be resued for multible uses.

Developer

Muhammad Al-Sayed