©
This document usesPHP Chinese website manualRelease
本章将讲解 Bootstrap 进度条。在本教程中,您将看到如何使用 Bootstrap 创建加载、重定向或动作状态的进度条。
Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性,Opera 12 不支持动画。
创建一个基本的进度条的步骤如下:
让我们看看下面的实例:
Bootstrap 实例 - 进度条
结果如下所示:
创建不同样式的进度条的步骤如下:
让我们看看下面的实例:
Bootstrap 实例 - 交替的进度条
结果如下所示:
创建一个条纹的进度条的步骤如下:
让我们看看下面的实例:
Bootstrap 实例 - 条纹的进度条
结果如下所示:
创建一个动画的进度条的步骤如下: