.progress.fivestar {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpolygon%20fill%3D%22%23BDBDBD%22%20points%3D%227.33%204.68%2011.5%204.68%2011.5%204.73%208.13%207.28%209.45%2011.49%209.42%2011.5%206%208.91%202.58%2011.5%202.55%2011.49%203.87%207.28%200.5%204.73%200.5%204.68%204.67%204.68%205.98%200.5%206.02%200.5%207.33%204.68%22%2F%3E%3C%2Fsvg%3E");
  height: 1.2rem;
  width: 6rem;
}
.progress.fivestar .progress-bar.progress-bar-star {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpolygon%20fill%3D%22%23FFC107%22%20points%3D%227.33%204.68%2011.5%204.68%2011.5%204.73%208.13%207.28%209.45%2011.49%209.42%2011.5%206%208.91%202.58%2011.5%202.55%2011.49%203.87%207.28%200.5%204.73%200.5%204.68%204.67%204.68%205.98%200.5%206.02%200.5%207.33%204.68%22%2F%3E%3C%2Fsvg%3E");
}

.progress.fivestar,
.progress-bar.progress-bar-star {
  background-color: transparent;
  background-size: 1.2rem;
  background-repeat: repeat-x;
  border-radius: 0;
}