Как анимировать используя панель загрузки

Question

Использование плагина бар загрузки в loading.io

Я включил файл js & css.

СердцеLoader :

<div style="width:300px; margin:auto"
   class="ldBar auto label-center"
   data-value="100"
   data-type="stroke"
   data-stroke="red"
   data-stroke-width="15"
   data-path="M90.5,23.2c0-12.5-10.2-22.7-22.7-22.7 c-13.6,0-20.9,8.6-22.3,13.8C44.3,8.9, 35.1,0.5,23.2,0.5C10.7,0.5,0.5,10.7, 0.5,23.2c0,22.2,36.5,45.3,45,55.9 C53.5,67.3,90.5,46.3,90.5,23.2z">
</div>

Фактический результат кода:

Как анимировать это, из 0 -> 100%

Нужна помощь.Спасибо.

Answer 1

Вы должны установить data-value="0" для элемента html и установить и атрибут id как <div id="myHeart", чтобы вы могли проще запрашивать элемент

, чем в своем коде js, где вы инициализируете ldbar

вот так var bar1 = new ldBar("#myHeart");

вы получите переменную bar1 и скажете

bar1.set(100)

и она автоматически оживит