4 CSS eigos juostos, kurias galite naudoti savo svetainėje

kūnas {
šriftas: 13px/20px "Lucida Grande", Tahoma, Verdana, sans-serif;
spalva: #404040;
fonas: #2a2a2a;
}

.konteineris {
paraštė: 60 pikselių automatinis;
plotis: 400 pikselių;
teksto lygiavimas: centre;
}

.konteineris.progresas {
paraštė: 0 automatinis;
plotis: 400 pikselių;
}

.progresas {
pamušalas: 4px;
fone: rgba(0, 0, 0, 0.25);
kraštinės spindulys: 6 pikseliai;
-webkit-box-shadow: intarpas 0 1px 2pxrgba(0, 0, 0, 0.25), 0 1pxrgba(255, 255, 255, 0.08);
dėžutė-šešėlis: intarpas 0 1px 2pxrgba(0, 0, 0, 0.25), 0 1pxrgba(255, 255, 255, 0.08);
}

.progreso juosta {
aukštis: 16px;
kraštinės spindulys: 4 pikseliai;
fono vaizdas: -Webkit-linear-gradient(viršuje, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
fono vaizdas: -moz-tiesinis gradientas(viršuje, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
fono vaizdas: -o-tiesinis gradientas(viršuje, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0

.05));
fono vaizdas: tiesinis-gradientas(įapačioje, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
-Webkit-transition: 0.4slinijinis;
-moz-perėjimas: 0.4slinijinis;
-o-perėjimas: 0.4slinijinis;
perėjimas: 0.4slinijinis;
-Webkit-transition-property: plotis, fono spalva;
-moz-transition-property: plotis, fono spalva;
-o-pereinamoji savybė: plotis, fono spalva;
pereinamoji savybė: plotis, fono spalva;
-webkit-box-shadow: 0 0 1px 1pxrgba(0, 0, 0, 0.25), intarpas 0 1pxrgba(255, 255, 255, 0.1);
dėžutė-šešėlis: 0 0 1px 1pxrgba(0, 0, 0, 0.25), intarpas 0 1pxrgba(255, 255, 255, 0.1);
}

#penki: patikrinta ~ .progresas > .progreso juosta {
plotis: 5%;
fono spalva: #f63a0f;
}

#dvidešimt penki: patikrinta ~ .progresas > .progreso juosta {
plotis: 25%;
fono spalva: #f27011;
}

#penkiasdešimt: patikrinta ~ .progresas > .progreso juosta {
plotis: 50%;
fono spalva: #f2b01e;
}

#septyniasdešimt penki: patikrinta ~ .progresas > .progreso juosta {
plotis: 75%;
fono spalva: #f2d31b;
}

#šimtas: patikrinta ~ .progresas > .progreso juosta {
plotis: 100%;
fono spalva: #86e01e;
}

.radijas {
ekranas: nėra;
}

.etiketė {
ekranas: eilutinis blokas;
paraštė: 0 5 tšk. 20 tšk.;
pamušalas: 3px 8px;
spalva: #aaa;
tekstas-šešėlis: 0 1px juodas;
kraštinės spindulys: 3 pikseliai;
žymeklis: rodyklė;
}