Ca vous dit une petite barre de progression (progress bar) ? Certain diront qu'il existe <progress> et <meter> d'html5, c'est juste utilisez-les ! Là il s'agit plus de l'aspect (css) que de la sémantique (html). Donc vous pouvez également utiliser ce css avec les balises sémantique html5...
Voilà pour l'HTML
<div class="barre">
<div class="progress"></div>
</div>
Voilà pour le CSS3
body{
background-color:black;
}
.barre{
height:3px;
width:300px;
border-radius:3px;
border:1px solid #111;
border-bottom:1px solid #111;
margin:10px;
}
.progress{
margin-top:2px;
margin:0;
padding:0;
background-color:#2B85C1;
height:1px;
width:200px;
box-shadow:0px 0px 15px 1px #2B85C1,0px 0px 10px 1px black;
}
Voici le jsfiddle qui va avec : https://jsfiddle.net/yQUHc/2/