bootstrap进度条
2016-07-26 17:00
302 查看
今天使用了bootstrap中的进度条,想要在进度条上显示百分比的进度的时候傻了一把,把自己坑了
想要在进度条上显示文字直接在<div>标签内添加文字就可以了
如果想要动态改变百分比的话,可以使用js,动态改变num的值。
想要在进度条上显示文字直接在<div>标签内添加文字就可以了
<div class="progress"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width:20%">20%</div> </div>效果:
如果想要动态改变百分比的话,可以使用js,动态改变num的值。
var num=12; $('#progressbar').innerHTML(num);
相关文章推荐
- bootstrap初试进度条
- Bootstrap 3.3.4 发布,Web 前端 UI 框架
- angular 指令简述
- 利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)
- 浅析Bootstrap验证控件的使用
- 基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
- Bootstrap教程JS插件弹出框学习笔记分享
- Bootstrap插件全集
- Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
- Bootstrap框架动态生成Web页面文章内目录的方法
- JS组件Bootstrap Table使用实例分享
- bootstrap学习笔记之初识bootstrap
- Bootstrap下拉菜单效果实例代码分享
- Bootstrap表单组件教程详解
- BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
- Bootstrap每天必学之前端开发框架
- Bootstrap 粘页脚效果
- 第八篇Bootstrap下拉菜单实例代码
- Bootstrap选项卡与Masonry插件的完美结合
- bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能