Javascript 引导Progressbar程序模拟运行时

我试图在运行时添加默认的引导progressbar。设计时progressbar显示得很好，但是当我尝试使用jquery在运行时添加它时，进度不会显示出来。我需要能够在运行时动态添加这些ProgressBar

不确定我遗漏了什么，是否有init函数或我应该使用的东西

这里有把小提琴。

$（函数（）{
$（“#项目进度”）
。附加（$（$（''）
.addClass（“进度”）
。附加（$（$（''）
.addClass（'进度条进度条成功进度条条条带化'）
.attr（'role'，'progressbar'）
.attr（'aria-valuenow'，'50'）
.attr（'aria-valuemin'，'0'）
.attr（'aria-valuemax'，'100'）
.css（'width'，'200px；'）
。附加（$（$（''）
.addClass（“仅限sr”）
.append（'60%”）
))
))
))

}))

谢谢你抽出时间

R

尝试下面的代码

$（函数（）{
$（“#项目进度”）
。附加（$（$（''）
.addClass（“进度”）
。附加（$（$（''）
.addClass（'进度条进度条成功进度条条条带化'）
.attr（'role'，'progressbar'）
.attr（'aria-valuenow'，'50'）
.attr（'aria-valuemin'，'0'）
.attr（'aria-valuemax'，'100'）
.css（'width'，'200px；'）
。附加（$（$（''）
.addClass（“仅限sr”）
.append（'60%”）
))
))
))
});

你没有给它加宽。试试下面的代码

$（函数（）{
$（“#项目进度”）
。附加（$（$（''）
.addClass（“进度”）
。附加（$（$（''）
.addClass（'进度条进度条成功进度条条条带化'）
.attr（'role'，'progressbar'）
.attr（'aria-valuenow'，'50'）
.attr（'aria-valuemin'，'0'）
.attr（'aria-valuemax'，'100'）
.css（'width'，'200px；'）
。附加（$（$（''）
.addClass（“仅限sr”）
.append（'60%”）
))
))
))
});

你没有给它加宽。

$(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%')
            ))
        ))
    ))

$(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%')
            ))
        ))
    ))
});