Css 将边框放在空进度条中

我正在使用引导进度条。我的代码如下

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>

---

我想在进度条上方加上边框。

我不确定您要的是上方的div或

实际的进度条，但我已经给出了两个：


。进度{
边框：2倍纯绿；
}
我不确定您要的是上方的div或
实际的
进度条，但我已经给出了两个：


。进度{
边框：2倍纯绿；
}





试试这个

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.0/css/bootstrap.min.css" rel="stylesheet" />

<div class="progress border border-info">
  <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>



试试这个

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.0/css/bootstrap.min.css" rel="stylesheet" />

<div class="progress border border-info">
  <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>



谢谢@Manjuboyz。是的，我要的是
实际的
进度条。您的代码正在运行，但我需要宽度为0%的边框。代码将是。如何获取边框？那么
边框
不是用于
进度条
的，它应该是父div：当进度条增加时，您可以添加自己的边框作为答案。谢谢@Manjuboyz。是的，我要的是
实际的
进度条。您的代码正在运行，但我需要宽度为0%的边框。代码将是。如何获取该边框？那么
边框
不是用于
进度条
的，它应该是到父div：当进度条增加时，您可以添加自己的边框。