Прогресс-бар, скрывающий контент и раскрывающий его при обрушении - PullRequest
Новая
       23

Прогресс-бар, скрывающий контент и раскрывающий его при обрушении

1 голос
/ 02 мая 2019

У меня есть индикатор выполнения на веб-сайте и контент, который должен быть скрыт до окончания индикатора выполнения.

Поскольку только индикатор прогресса достигает 100%, он должен исчезнуть и показать скрытый контент.

Пожалуйста, найдите код здесь - https://jsfiddle.net/CEBEP/0gt1w8qk/10/

    <h2>
    Some text before Visible
    </h2>
    <!-- Progress bar -->
                                <div id="progress_bar" class="ui-progress-bar ui-container">
                                    <div class="ui-progress" style="width: 79%;">
                                        <span class="ui-label" style="display:none;">Processing <b class="value">79%</b></span>
                                    </div>
                                </div>
                                <!-- /Progress bar -->
    <div class="hidden_content">
    Hidden content
    </div>

Заранее спасибо за помощь и время.

1 Ответ

0 голосов
/ 02 мая 2019

Вызов скрыть, когда страница открыта 

$(function(){
$('.hidden_content').hide();
});

Call show, когда загрузчик достиг 100%; 

$('.hidden_content').show();

демо

...