Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php
- function progressBar($percentage) {
- print "<div id=\"progress-bar\" class=\"all-rounded\">\n";
- print "<div id=\"progress-bar-percentage\" class=\"all-rounded\" style=\"width: $percentage%\">";
- if ($percentage > 5) {print "$percentage%";} else {print "<div class=\"spacer\"> </div>";}
- print "</div></div>";
- }
- ?>
- <style type="text/css">
- .all-rounded {
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- .spacer {
- display: block;
- }
- #progress-bar {
- width: 300px;
- margin: 0 auto;
- background: #cccccc;
- border: 3px solid #f2f2f2;
- }
- #progress-bar-percentage {
- background: #3063A5;
- padding: 5px 0px;
- color: #FFF;
- font-weight: bold;
- text-align: center;
- }
- </style>
- <?php progressBar(90); ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement