bootstrap插件进度条progress以及分页pagination bootstrap插件进度条progress以及分

进度条可以显示用户任务的完成过程。
创建一个基本的进度条的步骤如下：

添加一个带有 .progress 类的。
接着，在上面的内，添加一个带有 class .progress-bar 的空的。
添加一个带有百分比表示的宽度的 style 属性，例如 style="width:70%" 表示进度条在 70% 的位置

基本进度条
要创建一个默认的进度条，可以在容器元素上添加 .progress 类，在子元素上添加 progress-bar 类，并设置进度条进度情况：:

50%

【bootstrap插件进度条progress以及分页pagination】

文章图片

上面的代码可以加上进度条的高度height设置进度条的大小
进度条高度默认为 16px。我们可以使用 CSS 的 height 属性来修改他：

文章图片

progress-bar是默认的颜色蓝色

多种颜色的进度条
Bootstrap4 提供了以下几种进度条颜色:

文章图片

条纹进度条：progress-bar-striped

文章图片

动画进度条：使用 .progress-bar-animated 类可以为进度条添加动画：

< div class = " progress-bar progress-bar-striped progress-bar-animated " style = " width: 40% " >

混合色彩进度条
进度条可以设置多种颜色:

Free Space

Warning

Danger

文章图片

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

网页开发过程，如果碰到内容过多，一般都会做分页处理。
Bootstrap 4 可以很简单的实现分页效果。
要创建一个基本的分页可以在