Блог

Главная - Вопросы по программированию - Программа начальной загрузки Progressbar Programmetic Runtime

Программа начальной загрузки Progressbar Programmetic Runtime

#javascript #jquery #css #twitter-bootstrap #progress-bar

#javascript #jquery ( jquery ) #css — код #twitter-bootstrap #индикатор выполнения

Вопрос:

Я пытаюсь добавить панель выполнения начальной загрузки по умолчанию во время выполнения. Индикатор времени разработки отображается нормально, но когда я пытаюсь добавить его во время выполнения с помощью jquery, прогресс не отображается. Мне нужно иметь возможность динамически добавлять эти панели прогресса во время выполнения.

Не уверен, чего мне не хватает, есть ли функция инициализации или что-то, что я должен использовать?

Здесь есть скрипка. https://jsfiddle.net/riyasdeen/Lxovnbdj /

 $(function() {
$('#prog_progress')
.append($($('<div>')
    .addClass('progress')
    .append($($('<div>')
        .addClass('progress-bar progress-bar-success progress-bar-striped')
        .attr('role','progressbar')
        .attr('aria-valuenow', '50')
        .attr('aria-valuemin', '0')
        .attr('aria-valuemax', '100')
        .css('width', '200px;')
        .append($($('<span>')
            .addClass('sr-only')
            .append('60%')
            ))
        ))
    ))

});

Спасибо, что уделили мне время.

R

Ответ №1:

Попробуйте следующий код

Jsfiddle

 $(function() {
$('#prog_progress')
.append($($('<div>')
    .addClass('progress')
    .append($($('<div style="width:60%">')
        .addClass('progress-bar progress-bar-success progress-bar-striped')
        .attr('role','progressbar')
        .attr('aria-valuenow', '50')
        .attr('aria-valuemin', '0')
        .attr('aria-valuemax', '100')
        .css('width', '200px;')
        .append($($('<span>')
            .addClass('sr-only')
            .append('60%')
            ))
        ))
    ))
});

Вы пропустили, чтобы придать ему ширину.

Метки: