Html 从右向左增加进度条宽度

我有一个进度条，当我增加它的宽度时，它从左到右。比如0%在我的酒吧左边，100%在我的酒吧最右边

我想知道是否有什么方法可以让我的进度条从右向左“增长”，比如“-100%”

这是我的html代码：

<div class="completion-bar1-wraper">
    <div class="completion-bar1"></div>
</div>

---

我也在我的酒吧里摆弄了一把小提琴：

你可以很容易地定位。将容器设置为

位置：相对

，绝对定位进度条，然后指定

右侧：0将其放置在容器的右边缘

div.completion-bar1-wraper {
   /*...*/
    position: relative;
}

div.completion-bar1 {
   /*...*/
    width: 70%;
    position: absolute;
    right: 0;
}

这是一个。
您可以通过定位轻松完成。将容器设置为
位置：相对
，绝对定位进度条，然后指定
右侧：0将其放置在容器的右边缘

div.completion-bar1-wraper {
   /*...*/
    position: relative;
}

div.completion-bar1 {
   /*...*/
    width: 70%;
    position: absolute;
    right: 0;
}

这是一个。
您可以通过定位轻松完成。将容器设置为
位置：相对
，绝对定位进度条，然后指定
右侧：0将其放置在容器的右边缘

div.completion-bar1-wraper {
   /*...*/
    position: relative;
}

div.completion-bar1 {
   /*...*/
    width: 70%;
    position: absolute;
    right: 0;
}

这是一个。
您可以通过定位轻松完成。将容器设置为
位置：相对
，绝对定位进度条，然后指定
右侧：0将其放置在容器的右边缘

div.completion-bar1-wraper {
   /*...*/
    position: relative;
}

div.completion-bar1 {
   /*...*/
    width: 70%;
    position: absolute;
    right: 0;
}

这是一个。
有很多方法可以做到这一点，所以要回答你的问题，是的。
我对您的代码进行了分叉，并对css进行了如下微调：

有很多方法可以做到这一点，所以要回答你的问题，是的。
我对您的代码进行了分叉，并对css进行了如下微调：

有很多方法可以做到这一点，所以要回答你的问题，是的。
我对您的代码进行了分叉，并对css进行了如下微调：

有很多方法可以做到这一点，所以要回答你的问题，是的。
我对您的代码进行了分叉，并对css进行了如下微调：

只需将completion-bar1编辑为以下内容

div.completion-bar1{
    float: right;
    height: 8px;
    margin: 1px;
    border-radius: 7px;
    background: #cf7400;
    width: 70%;
}

只需将completion-bar1编辑为以下内容

div.completion-bar1{
    float: right;
    height: 8px;
    margin: 1px;
    border-radius: 7px;
    background: #cf7400;
    width: 70%;
}

只需将completion-bar1编辑为以下内容

div.completion-bar1{
    float: right;
    height: 8px;
    margin: 1px;
    border-radius: 7px;
    background: #cf7400;
    width: 70%;
}

只需将completion-bar1编辑为以下内容

div.completion-bar1{
    float: right;
    height: 8px;
    margin: 1px;
    border-radius: 7px;
    background: #cf7400;
    width: 70%;
}