Как построить процентный значок Glyphicon Star, чтобы заполнить десятичный средний рейтинг? ⇐ Html

[Anonymous]

мне дадут средний рейтинг, как 4,3, и мне нужно построить логику, чтобы показать 4,3 среднего рейтинга в значке звезды (4 целых звезда, 5 -я звезда как частичная заполненная). MAX RATE Number - 5. Я создал jsfiddle, ссылаясь на примеры переполнения стека, и я не получаю частичную звезду в своей скрипке, и я получаю всю звезду в результате. />

• Jsfiddle Playground < /li>
  < /ul>
  
  

  Код: Выделить всё

  var starApp = angular.module('starApp', []);
  
  starApp.controller('StarCtrl', ['$scope', function ($scope) {
  $scope.ratings = [{
  current: 5,
  max: 10
  }, {
  current: 3,
  max: 5
  }];
  }]);
  
  starApp.directive('starRating', function () {
  return {
  restrict: 'A',
  template: '' +
  '' +
  '\u2605' +
  '' +
  '[/list]',
  scope: {
  ratingValue: '=',
  max: '='
  },
  link: function (scope, elem, attrs) {
  scope.stars = [];
  for (var i = 0; i < scope.max; i++) {
  scope.stars.push({
  filled: i < scope.ratingValue
  });
  }
  }
  }
  });< /code>
  .rating {
  color: #a9a9a9;
  margin: 0;
  padding: 0;
  }
  ul.rating {
  display: inline-block;
  }
  .rating li {
  list-style-type: none;
  display: inline-block;
  padding: 1px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  }
  .rating .filled {
  color: red;
  }< /code>
  
  
  
  
  
  {{rating.current}} out of {{rating.max}}
  
  
  
  

  
  
  
  Подробнее здесь: https://stackoverflow.com/questions/356 ... age-rating