How to Create Progress Bar

Creating a Progress Bar Step 1) Add HTML Code: <div id=”myProgress”> <div id=”myBar”></div> </div> Step 2) Create  CSS: #myProgress { width: 100%; background-color: grey; } #myBar { width: 1%; height: 30px; background-color: green; }   Step 3) Add JavaScript: Create a Dynamic Progress Bar (animated) Using JavaScript: function move() { var elem = document.getElementById(“myBar”); var…Read More

PHP form validation

Lets create a simple form with name, email, website, comment and gender fields, having name, email and gender field as an required field. In the following code we have added some variables: $nameErr, $emailErr, $genderErr, and $websiteErr. These error variables will hold error messages for the required fields. We have also added an if else statement for…Read More

How To Create a Modal Popup Box with CSS and JavaScript

In this tutorial, we will be creating a simple modal with CSS and JavaScript. In fact, we will be using the same code and structure that the modal used here on Sabe uses as well for the feedback option at the end of this tutorial. Introduction Modal popups are used pretty frequently on the web. Some popular uses of…Read More