@vcl/vcl/rating/demo/example-disabled.html

The whole VCL in one package

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css">

<span class="rating disabled" aria-disabled="true" role="slider" aria-valuemax="4" aria-valuemin="0" aria-valuenow="2.5" aria-valuetext="2.5 stars">
  <span class="rating-item icon fas fa-star" aria-label="0 stars" role="button"></span>
  <span class="rating-item icon fas fa-star" aria-label="1 stars" role="button"></span>
  <span class="rating-item icon fas fa-star" aria-label="2 stars" role="button"></span>
  <span class="rating-item icon far fa-star" aria-label="4 stars" role="button"></span>
  <span class="rating-item icon fas fa-star-half-alt" aria-label="3 stars" role="button"></span>
</span>