Single post in A Somewhat Extensive Guide to BBCodes
Forum Index > PokéFarm > Guides > A Somewhat Extensive Guide to BBCodes >
[color=red]█████[/color][color=white]████[/color]
For the one Emberlynn did above. However, you will have to manually update it, so it won't work if you're trying to gauge the progress of other users.
Here's another kind of progress bar--but it has a long code, and you still have to update it manually.
700 / 1000
Code
[css=
margin: 5px auto;
width: 220px;
position: relative;
border-radius: 50px;
background-color: #444;
border: 1px solid #321;
box-shadow: inset 3px 3px 6px #171717, inset -3px -3px 6px #ccc;
][css=
width:70%; /* CHANGE THIS */
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
overflow: hidden;
][css=
width: 100%;
min-width: 24px;
background-color: #453;
border-radius: 50px;
box-shadow: inset 3px 3px 6px #cf9, inset -3px -3px 6px #171c11;
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
animation: expbarshine 5s linear infinite;
-webkit-animation: expbarshine 5s linear infinite;
][/css][/css][css=
position: relative;
display: block;
padding: 3px;
font-weight: bold;
text-align: center;
color: #ccc;
]700 / 1000[/css][/css]