.bg-line
position: relative
height: 10px
width: 100%
border-radius: 5px
background: #e6e6e6
.go-line
height: 100%
width: 0
border-radius: 5px
background: #cc8e93
transition: width 5s linear 0s
&.active
width: 100%
<div class="line-and-nav">
<div class="bg-line">
<div class="go-line" id="go-line"></div>
</div>
</div>
$('.fullscreen-slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
var goLine = document.querySelector('#go-line');
goLine.classList.add('active');
});
<?php
// задаем нужные нам критерии выборки данных из БД
$args = array(
'posts_per_page' => 5,
'orderby' => 'comment_count'
);
$query = new WP_Query( $args );
// Цикл
if ( $query->have_posts() ) {
while ( $query->have_posts() ) {
$query->the_post();
echo '<li>' . get_the_title() . '</li>';
}
} else {
echo "<p>Постов нет</p>";
}
// Возвращаем оригинальные данные поста. Сбрасываем $post.
wp_reset_postdata();
?>