.rate-bar {
background: #eee;
width: 100%;
max-width: 400px;
height: 80px;
position: relative;
margin: 6px 0 12px 0;
}
.rate-bar span {
background: #CA9E67;
height: 80px;
display: inline-block;
border-left: 2px solid #fff;
}
.rate-overlay {
position: absolute;
}
.rate-overlay img {
width: 100%;
}
.rate-bar span {
animation: fill 1.2s ease forwards;
}
.rate-bar .fill {
width: calc({{snittprosent}}% + 5px);
}
@keyframes fill {
from { width: 0%; }
to { width: calc({{snittprosent}}% + 5px); }
}
.rate-text {
width: 100%;
float: left;
}
HTML – stjerner
Antall svar: {{antall svar}}
Gjennomsnitt: {{average}}
HTML – bar
ORGINAL KODE Backup
Antall svar:
Gjennomsnitt:
Gjennomsnitt i prosent: %