{% 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 %}