#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:
Попробуйте следующий код
$(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%')
))
))
))
});
Вы пропустили, чтобы придать ему ширину.