猿问

如何在 Bootstrap 3 Progress Bars 中给出计算的宽度?

我有一个页面,其中包含按表顺序排列的最后一组文件,并且我有这些文件的数量。在这些文件中,我将打开和关闭的文件作为状态。


我想在进度条中显示关闭文件的百分比。这里基于宽度,只有进度条在改变。


现在我的问题是如何将计算出的值作为宽度。我正在使用引导程序 3。


有人可以指导我朝着正确的方向前进。


<!DOCTYPE html>

<html>


<head>

  <title>Bootstrap Example</title>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

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

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

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

</head>


<body>


  <div class="container">

    <div class="progress">

      <div class="progress-bar" role="progressbar" style="width: 55%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">55%</div>

    </div>

  </div>

</body>


</html>


元芳怎么了
浏览 144回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答