Html 引导中的进度条宽度动画

我正在开发一个网站在这个我试图添加一个进度条动画风格的框阴影插图使用CSS。 但这并不是完美的

风格一 风格二

---

考虑背景而不是框阴影，然后简单地使用背景大小调整大小

运输署{ 背景： 重复线性梯度45度，绿色0 10px，暗绿色10px 20px 0 0/100%100%无重复； } 风格一 风格二

---

考虑背景而不是框阴影，然后简单地使用背景大小调整大小

运输署{ 背景： 重复线性梯度45度，绿色0 10px，暗绿色10px 20px 0 0/100%100%无重复； } 风格一 风格二

---

下面的代码可以帮你吗

<table>
  <tr>
    <td style="  
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;">
      <span style="padding-left:10px;font-size:25px">Style one</span>
    </td>
    <td style="box-shadow: 20px 19px 26px rgb(112, 173, 71)  inset;">
      <span style="padding-left:10px;font-size:25px">Style two</span>
    </td>
  </tr>
<table>

---

下面的代码可以帮你吗

<table>
  <tr>
    <td style="  
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;">
      <span style="padding-left:10px;font-size:25px">Style one</span>
    </td>
    <td style="box-shadow: 20px 19px 26px rgb(112, 173, 71)  inset;">
      <span style="padding-left:10px;font-size:25px">Style two</span>
    </td>
  </tr>
<table>

---

你想在哪里添加进度条？为什么不添加背景？我想要框阴影上的进度条样式，我不想要框阴影上的进度条样式。下面的代码，请参阅。如果你改变几个像素，你会得到背景颜色的变化，你想在哪里添加进度条？为什么不添加背景？我想在框阴影上显示进度条样式，我不想在框阴影上显示进度条样式。下面的代码，请参阅。如果你改变几个像素，你就会得到背景色variation@Pritesh什么动画？在这个链接中，请参见下面的动画条带您在上面看到了动画条带link@Pritesh两者都不支持CSS变量，只需使用经典值，而不是我没有得到它。@Pritesh什么动画？在这个链接中，请参见下面的动画条带在上面有动画条带link@Pritesh两者都不支持CSS变量，只是使用经典值，而不是我没有得到它。