Bootstrap进度条学习使用
作者：轻扰时光 发布时间：2024-04-18 09:28:31
标签：Bootstrap,进度条
本文实例为大家分享了Bootstrap进度条的具体实现代码，供大家参考，具体内容如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap</title>
<link rel="stylesheet" href="css/bootstrap.css" rel="external nofollow" />
</head>
<body>
<div class="container">
<div class="row">
<div class="progress"><!--进度条-->
<div class="progress-bar" style="width:60％">60％</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-danger" style="width:40％">40％</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-info" style="width:80％">80％</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-warning" style="width:75％">75％</div>
</div>
<!--带条纹的动态的进度条-->
<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped active" style="width:68％">68％</div>
</div>
<!--带堆叠效果的进度条-->
<div class="progress">
<div class="progress-bar" style="width:10％">10％</div>
<div class="progress-bar progress-bar-danger" style="width:10％">40％</div>
<div class="progress-bar progress-bar-info" style="width:20％">80％</div>
<div class="progress-bar progress-bar-warning" style="width:30％">75％</div>
<div class="progress-bar progress-bar-success progress-bar-striped active" style="width:20％">20％</div>
</div>
</div>
</div>
<script src="js/jquery-2.1.0.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
效果图：
0
投稿猜你喜欢
- 本文实例为大家分享了Python曲线拟合的最小二乘法，供大家参考，具体内容如下模块导入import numpy as npimport ga
- 平常我们使用js代码获取的时间都是客户端的时间，那么有什么办法在浏览器中显示的是服务器断的时间吗？请看下面代码：<span id=&q
pydev debugger: process 10341 is connecting无法debu今天在Pycharm中debug时无法正常- Python之成为图像处理任务的最佳选择，是因为这一科学编程语言日益普及，并且其自身免费提供许多最先进的图像处理工具。本文主要介绍了一些简单
- 一、前言大家好，今天我来介绍我接一个Python单子。我完成这个单子前后不到2小时。首先我接到这个单子的想法是处理Excel表，在两个表之间
- 1.VUE验证邮箱export const isEmail = (s) => { return /^([a-
- SQL触发器实例1 定义： 何为触发器？在SQL Server里面也就是对某一个表的一定的操作，触发某种条件，从而执行的一段程序。触发器是一
- 前言：在数据库中，数据表是数据库中最重要、最基本的操作对象，是数据存储的基本单位。数据表被定义为列的集合，数据在表中是按照行和列的格式来存储
- 一 、MySQL版本查询1)登录mysql首先Window+R然后在命令行里输入mysql -u此处填你的mysql账号（注意要加-u) -
- 作为微软推出的网页与数据库解决方案，ASP由于有微软得天独厚的操作系统等技术后盾支持，因此得到了迅速的发展，并且正受到越来越多的欢迎，在目前
- 相信大家对街边林林总总的房产中介并不陌生，那么我们先看看下面这张图片。图1从右侧这家店的橱窗里，我们能迅速分清哪些是租房信息哪些是售房信息。
- rs.open语句详细说明rs.Open [第一个参数],
- 1.选中数据库，右键属性/选项，把恢复模式从“完整”改为“简单”。 2.选中数据库，右键任务/收缩文件，选择日志文件，设置将文件收缩为0M，
- 《色彩解答》系列之一 色彩层次《色彩解答》系列之二 色彩比例我们知道在设计中有很多对比，大小的对比，形状的对比，长短的对比，多少的对比，这些
- PHP扩展开发我准备在此系列博文中总结我有关PHP扩展开发的学习和感悟，力图简单清晰地描述在Linux系统下开发一个PHP扩展应该具备的最基
- QUICKSORT(A, p, r)是快速排序的子程序，调用划分程序对数组进行划分，然后递归地调用QUICKSORT(A, p, r)，以完
- 本问主要写根据索引或者值对series和dataframe进行排序的实例讲解代码：#coding=utf-8import pandas as
- 前言网易云音乐这款音乐APP本人比较喜欢，用户量也比较大，而网易云音乐之所以用户众多和它的歌曲评论功能密不可分，很多歌曲的评论非常有意思，其
- 下载golint下载golang 的 lint，下载地址：https://github.com/golang/lintmkdir -p $G
- 事务全部是关于原子性的。原子性的概念是指可以把一些事情当做一个单元来看待。从数据库的角度看，它是指应全部执行或全部都不执行的一条或多条语句的
