Styling Progress Bar for All Browsers

Basic usage of the new HTML5 progress bar is as follows. The ratio of max to value is current progress value out of 100% and visibly equivalent to the green bar you see on screen. <progress value=”5″ max=”10″ /> Let’s say following is the default style in three major browsers say Firefox, IE and Chrome: progress { } In your application you would like to have a consistent styling for progress-bar across all platforms. However, this is highly dependent on OS and Web Browsers. Let’s now focus on fixing some of them by setting the border and height. Did you…

Read more