Html 引导中的进度条仅显示百分比

首先，我对web开发非常陌生，在我的例子中，CSS3+HTML5+javascript

我有一个部分被分成两列。左栏为60%，右栏为30%。左侧有段落，右侧需要有3个进度条，其中包含我的技能。这应该是直截了当的，但不幸的是，它似乎不起作用，只有百分比显示出来。不显示实际的条形图

<section id="about" class="main style1top dark fullscreen">
            <div class="content container 100%">

                <div class="column-left"> 
                    <h3 style="font-size:250%">About me</h3>
                    <hr>
                    <p>
                    Wow look at all my skills, I'm smart.
                    </p>        
                </div>

                <div class="column-right"> 
                    <h3 style="font-size:200%">Skills</h3>      
                        <div class="progress">
                          <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                            60%
                          </div>
                        </div>
                </div>

            </div>

            <a href="#work" class="button style2 down anchored">Next</a>


        </section>

关于我


哇，看看我的技术，我很聪明。

技能
60%

我猜你想要这样的结果

要做到这一点，您需要包括引导

放置在

标签中

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

放置在

标记内的任何位置

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

---

此外，我建议阅读引导的一部分。这将有助于格式化引导应用程序。

我不明白您的问题是什么。实际进度栏不会显示。只有“60%”出现。这里似乎没问题，这就是我所想的。我猜问题一定出在Style1TopNow哇，实际上是头标签。真奇怪。我认为bootstrap提供了所需的所有“库存”资源。无论如何，是时候学习了，谢谢你理解我知识的不足