Ukazatel počtu hodnocení pomocí data-attr

by Petr Haluza

HTML

<div class="frame">
  <span class="numb-star" style="--count-value:50%;"></span>
</div>

CSS

.numb-star {
	display:inline-block;
	width:100%;
	position:relative;
}

.numb-star:before {
	content:'';
	position:absolute;
	height:6px;
	width:100%;
	background-color:#d6d6d6;
	border-radius:5px;
}

.numb-star:after {
	content:'';
	position:absolute;
	height:6px;
  width: var(--count-value);
	background-color:#b2b2b2;
	border-radius:5px;
}