gpt4 book ai didi

html - 如何在 css 中显示一个显示超额完成(超过 100%)的进度条?

转载 作者:可可西里 更新时间:2023-11-01 12:51:25 26 4
gpt4 key购买 nike

我正在尝试显示一个进度条,该进度条以不同的颜色显示超过 100% 的百分比,以表明已经超额完成。这如何在 HTML/CSS 中完成?

以下内容适用于显示百分比高达 100% 的进度条

<div id="progressbar">
<div></div>
</div>

#progressbar {
background-color: black;
border-radius: 13px; /* (height of inner div) / 2 + padding */
padding: 3px;
}

#progressbar div {
background-color: orange;
width: 40%; /* Adjust with JavaScript */
height: 20px;
border-radius: 10px;
}

谢谢!

最佳答案

http://jsfiddle.net/qTmGE/1/

请原谅我使用 jQuery。

关于html - 如何在 css 中显示一个显示超额完成(超过 100%)的进度条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12870993/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com