Когда я загружаю страницу, индикатор выполнения HTML5 «data-процент» не срабатывает до 100%, но если я загружаю страницу в путевую точку, то «data-процент» срабатывает до 100%.Для этого проекта я использую Waypoint и новейшую версию bootstrap.Любая помощь будет принята с благодарностью:)
var $dipper = $('.dipper');
$dipper.waypoint(function () {
console.log('jkjk');
$dipper.addClass('op');
$dipper.attr('data-percent', '100%');
}, {
offset: '60%'
});
jQuery(document).ready(function () {
jQuery(".skillbar").each(function () {
jQuery(this).find(".skillbar-bar").animate({
width: jQuery(this).attr("data-percent")
}, 5000);
});
});
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="dipper skillbar clearfix " data-percent="0%">
<div class="skillbar-title" style="background: #d35400;"><span>HTML5</span></div>
<div class="skillbar-bar" style="background: #e67e22;"></div>
<div class="skill-bar-percent">100%</div>
</div>
</div>
Я ожидаю, что если я загружу страницу, а затем прокручиваю до маршрутной точки, индикатор прогресса html5 сработает и поднимется до заданного значения, которое100%.