1 Barra de porcentagem Ter Jan 15, 2013 12:29 pm
Admin
Olá, estarei disponibilizando uma barra de porcentagem feita por mim, fiquei uma hora nela, para deixar agradável...
Bom, primeiro terá que adicionar este código ao seu CSS.
Bom, primeiro terá que adicionar este código ao seu CSS.
- Código:
.barra1 {
background-color: #33CC33;
height: 10px;
display: inline-block;
}
.barra2 {
border: 1px solid #008C05;
width: 100px;
height: 10px;
padding: 1px;
display: inline-block;
}
Agora, é só colocar este código na sua assinatura.
- Código:
Conhecimento em CSS: <div class="barra2"><div class="barra1" style="width: 75px;"></div></div> 75/100
Conhecimento em HTML: <div class="barra2"><div class="barra1" style="width: 90px;"></div></div> 90/100
Conhecimento em JavaScript: <div class="barra2"><div class="barra1" style="width: 5px;"></div></div> 5/100
Para alterar os valores, baste editar o width de cada porcentagem. Cada 1px seria 1% na barra, e depois disso, só altere do lado a porcentagem, para ficar visível pela barra, e pelo texto.
Prévio.
Prévio.
Conhecimento em CSS: 75/100
Conhecimento em HTML: 90/100
Conhecimento em JavaScript: 5/100
OBS: Se querer centralizar ele no post, você terá de editar o CSS.