{% if lighthouse %} <div class=“progress progress-bar flex”>

<div>
  <h4>
    Energie
  </h4>
</div>
<div>
  <div class="progress-bar-element">
    <div>
      <!-- <div class="progress-bar-tooltip" style="transform: translate(50%,-50%);background: rgba(34,150,30,1);">Max</div> -->
      <div class="progress-bar-tooltip" style="left: {{ ecoaverageposition }}%;">Moyenne grands sites</div>
      <div class="progress-bar-tooltip" style="left: {{ ecoposition }}%;z-index:2">{{ pages.name }}</div>
      <!-- <div class="progress-bar-tooltip" style="background: rgba(176,2,2,1);">Min</div> -->
    </div>
    <div>
      <!-- <div class="progress-bar-score" style="transform: translate(50%,35%);color: rgba(34,150,30,1);">Good</div> -->
      <div class="progress-bar-score" style="left: {{ ecoaverageposition }}%;">{{ ecoaverage }}</div>
      <div class="progress-bar-score" style="left: {{ ecoposition }}%;z-index:2">{{ eco }}</div>
      <!-- <div class="progress-bar-score" style="color: rgba(176,2,2,1);">Bad</div> -->
    </div>
  </div>
</div>

</div> {% endif %}