Javascript 在条形图组件前后添加文本

我正在尝试添加一些文本之前和之后的酒吧，如下图

<div class="container">

<div  class="progress progress-info
     progress-striped">
  <div id="storage-component" class="bar"
       style="width: 20%;"></div>
</div>
<div class="progress">
  <div class="bar"
       style="width: 60%;"></div>
</div>  
</div>

“前后”方法似乎对我不起作用。

演示：

您的代码中有一个输入错误，缺少了结束引号，并且指向了错误的元素。也不确定您的演示是否包含jQuery

Javascript:

$(document).ready(function () {
    $(".progress-info").before("<div>efererer</div>").after("<span>after-text</span>");
});

---

对的此外，是否需要提供和维护服务？我认为如果使用了正确的元素，并且排印错误得到了修复，它会起作用：不，它们不是必需的，只是演示，因为它们可以用来轻松地设置样式和控制附加值。为什么文本不与div栏内联。。。它有一个新的系列