Weather API, как работает эта (см. Скриншот) панель? Почему полоса скользит влево или вправо и почему ширина полоски увеличивается или уменьшается?

Question

Скриншот взят из https://darksky.net/forecast/37.1889,-112.9986/us12/en

Answer 1

Если это то, что вы хотите, вы должны изменить стили самостоятельно. Это рендеринг HTML на странице для баров.

                <span class="tempRange">
                  <span class="minTemp" style="/* left:30% */">49˚</span>

                    <span class="bar" style="/* width: 100%; */margin-left: 0;"></span>

                      <span class="maxTemp" style="left:86%">72˚</span>
               </span>

вот стили

.minTemp{
left: 0 !important;
}

.bar{
 width: 90% !important
}

.maxTemp{
 right: 0 !important
}

перед тем

После фото

Теперь все столбцы одинакового размера. Надеюсь, это поможет!