Question

我有两个进度条，我已经垂直实现以节省一些空间，但是，由于html构建向下的东西，进度条的填充向下而不是向上。我想知道如何让进度条长大而不是下降？我不能保持绝对位置（我查找了很多指南），因为进度条的值是在服务器中计算然后发送到客户端并通过J Query（.css函数设置）的百分比）。下面是单个进度条的代码（我有两个，每个团队一个）以及演示正在发生的事情的图片。 Incorrect Orientation;这是当前的代码。（我已将样式包含在div中）。这是一个实时版本：https://jsfiddle.net/blacy1551/ngn5f5ud/4/

T1: <div id="team1Cont" style="border: 1px solid black; width: 15px; 
    height: 200px; ">

   <div id="team1Div" style="background-color: #d9d9d9; width: 15px; height: 
    10%;">
   </div>

</div>

非常感谢，非常感谢您的帮助！

Answer 1

您只需将进度条旋转180度，这应该可以正常工作。

{{1}}

Div进度栏方向

1 个答案: