") == -1) { html = " " + html; } html = html.replace("",""); html = html.replace("",""); html = html.replace("",""); html = html.trim(); doc.innerHTML = html; return ( doc.innerHTML.toLowerCase() === html.toLowerCase() ); } function codeCheckWarningClose() { document.getElementById("codeCheckWarning").style.display = "none"; } function codeCheckCorrectClose() { document.getElementById("codeCheckCorrect").style.display = "none"; }

正确！

练习

使用正确的类名来为进度条添加动画效果。

不正确

点击这里重新尝试。

正确！

下一题 ❯

<div class="progress"> <div class="progress-bar progress-bar-striped w3exercise_input_no_0
" style="width:70%"> </div> </div>

BS5 容器

练习 1 练习 2 访问 BS5 容器教程

BS5 排版

练习 1 练习 2 练习 3 访问 BS5 排版教程

BS5 颜色

练习 1 练习 2 访问 BS5 颜色教程

BS5 图片

练习 1 练习 2 练习 3 练习 4 访问 BS5 图片教程

BS5 表格

练习 1 练习 2 练习 3 练习 4 练习 5 访问 BS5 表格教程

BS5 警报

练习 1 练习 2 练习 3 访问 BS5 警报教程

BS5 按钮

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 练习 7 访问 BS5 按钮教程

BS5 徽章

练习 1 练习 2 练习 3 访问 BS5 徽章教程

BS5 进度条

练习 1 练习 2 练习 3 练习 4 访问 BS5 进度条教程

BS5 加载器

练习 1 练习 2 访问 BS5 加载器教程

BS5 分页

练习 1 练习 2 练习 3 访问 BS5 分页教程

BS5 列表组

练习 1 练习 2 访问 BS5 列表组教程

BS5 卡片

练习 1 练习 2 访问 BS5 卡片教程

BS5 下拉菜单

练习 1 访问 BS5 下拉菜单教程

BS5 折叠

练习 1 访问 BS5 折叠教程

BS5 导航

练习 1 练习 2 练习 3 访问 BS5 导航教程

BS5 导航栏

练习 1 练习 2 练习 3 访问 BS5 导航栏教程

练习

不正确

正确！

您已完成所有 50 道 BS5 练习。