• File Uploaded
• →
• File Reviewed
• →
• File Approved

And the code:

<ul class="steps">
  <li class="step complete">File Uploaded</li>
  <li class="arrow">→</li>
  <li class="step current">File Reviewed</li>
  <li class="arrow">→</li>
  <li class="step">File Approved</li>
</ul>

<style>
body {
  counter-reset:steps
}
ul.steps {
  margin:0;
  padding:0;
}
ul.steps li.step {
  background: none repeat scroll 0 0 lightgray;
  border-radius: 1em;
  color: white;
  display: inline-block;
  font-size: 14px;
  height: 4em;
  line-height: 4em;
  margin: 0 1em;
  position: relative;
  text-align: center;
  width: 9em;
}
ul.steps li.step:before {
  content: counter(steps, decimal) ". ";
  counter-increment: steps;
}
ul.steps li.step.complete:before {
  content: " ";
}
ul.steps li.step.complete {
  background-color: green;
}
ul.steps li.step.current {
  background-color:dodgerblue
}
ul.steps li.arrow {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: black;
  display: inline-block;
  font-size: 28px;
  height: 46px;
  line-height: normal;
  margin: 0;
  width: auto;
}
</style>

EDIT: d’autres symboles sont disponibles sur http://www.simbolostwitter.com/

CopyPasteCharacter est un site qui propose plus de 120 caractères spéciaux, allant de la simple lettre accentuée, aux symboles qu’on ne savait même pas qu’on pouvait les faire !
Il suffit de cliquer sur un caractère pour que le site se charge de le copier directement, vous n’avez donc plus qu’à le coller où vous voulez, comme ce bonhomme de neige ou cette note de musique ♫ !

Il propose le caractère en texte normal ou en code HTML.

Edit: à noter que sous Windows il est possible de trouver une table très complète des caractères spéciaux en allant dans :
menu Démarrer > Programmes > Accessoires > Outils Système > Table des caractères