html - 在进度条前后追加文字

标签 html css twitter-bootstrap-3

我如何附加 text beforeafter进度条。

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-git.js"></script>
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet">
<title>JS Bin</title>
</head>
<body>
<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
    <span class="show">60% Complete</span>
  </div>
</div>           
</body>
</html>

下面是我正在处理的 jsbin。 http://jsbin.com/IBOwEPog/219/edit

最佳答案

尝试

$('.progress-bar').before("Text Before").after("Text After");

关于html - 在进度条前后追加文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24555165/

相关文章:

IE 和 Microsoft Edge 中的 jQuery 轮播页面移动

html - 如何更改 twitter bootstrap uib-tab 标签标题的大小和颜色

html - CSS 的边框和对齐问题

javascript - 如何在文本区域行之外添加图像?

html - 如何让文本位于 div 之上?

html - 剪辑路径在 Safari 上无法正常工作

php - 降低 php 中图像的大小和质量并用作 CSS 背景图像

javascript - 某些 CSS 元素(链接、样式)不会在悬停时打开或加载,直到我单击该页面

css - Firefox 中的 Foundation Reveal 问题

css - 当包含主题最小 css 时,Bootstrap 3 覆盖导航栏颜色不起作用