CSS3 Progress Bars
I made CSS3 progress bars for a display of data inside localized leaderboards for the new platform at G5.
Include the progress bar stylesheet:
<link rel="stylesheet" href="css3-progress-bar.css">
Paste the following syntax where you want a progress bar. The progress far will fill the width of its containing block element.
<div class="bar_container"> <div class="bar_mortice"> <div class="progress" style="width: 40%;"></div> </div> </div>
Change the progress bar's fill level with a percentage:
<div class="progress" style="width: 52%;"></div>
See example.html for more styles and colors.