This .zip includes 271 rank images that form a levelling system going from one to sixty. I designed them for use with my World of Warcraft: Classic forum hence the limit being sixty :)

Each level's progress bar has five states - empty, quarter full, half full, three-quarters full and totally full. Every ten levels the progress bar changes colour. Levels one to nine only have two states - half-empty and totally full. This is to make levelling faster at the beginning.

Each image is named in the following manner. Let's use level 12 as an example:

• 12-0.png (empty)
• 12-1.png (quarter full)
• 12-2.png (half full)
• 12-3.png (three quarters full)
• 12.png (full)

Each rank image is 101x25 in dimensions. All images have been compressed (removal of meta data) for web usage.
I have also included a master sprite for use as a CSS sprite where performance concerns exist.
The font used for numbers is Friz Quadrata TT (bold), I do not own this font.
Instructions for installation in phpBB are included in the readme.md file.

Any questions, suggestions or other comments please feel free to leave a post!

I love the graphic for 60! It's so cool.

Hey, these are great, would you mind sharing a license for them? I'd like to use them on my own personal website.

Do you plan to share the stone banner at the top too?

Hrothgar wrote: ↑

7 years ago

Hey, these are great, would you mind sharing a license for them? I'd like to use them on my own personal website.

Do you plan to share the stone banner at the top too?

They're under a Creative Commons license so yeah go ahead (please read the link first).

The stone banner is from Fanny Vergne.

You might be interested in checking out my credits page too for resources and the like :)

Was wondering, where do you put the images and the css file? Also, the sprite file, is that needed to be somewhere as well?

Dyagan wrote: ↑

6 years ago

Was wondering, where do you put the images and the css file? Also, the sprite file, is that needed to be somewhere as well?

Hey Dyagan,

Full instructions should be in the readme file.

You can put them anywhere you want really - so long as you specify a path to each image in the ‘Ranks’ section of the admin control panel.

The sprite isn’t required for a standard install, it’s a custom feature in case you are already familiar with CSS sprites.

Let me know if you have any other questions :)

Hey,

Just wondering if you could share the post counts that you assigned to each image?

cheers,
rb

Hey beef,

Kind of varies from level to level to emulate XP curve in wow so difficult to share that with you without making a post with a line for each of the 300 levels progress images.

You can see the post totals for each breakpoint here: viewtopic.php?f=9&t=869&p=1871#levels

ahh ok, so its an exponent rather than being equidistant?

thank you.