代码之家 › 专栏 › 技术社区 › tobre

如何创建以堆叠颜色为背景的HTML进度条

progress-bar html

tobre · 技术社区 · 5 年前

我想创建一个进度条,以进度条背景的颜色增量显示要实现的增量。如果进度条的最大值为120'000,则每个颜色段将代表朝向最大值目标的10'000。

现在它看起来只是一个常规的进度条。

这是我使用的代码

<table style="width: 370px; height: 27px;">
<tbody>
<tr>
<td>&nbsp;Ziel 120'000, Stand 18.01.2020:</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
<p><progress value="12143" max="120000"></progress><strong> 12143</strong></p>

0 回复 | 直到 5 年前

推荐文章

SHatna · 带有进度条的Tkinter链接按钮

8 年前

Egor Vasilyev · 进程读取中未显示片段中的ProgressBar

8 年前

Kaarug · 使用服务工作者缓存文件时显示进度

8 年前

Snappysites · 进度条上的边框图像切片效果?

8 年前

ì¤ìí · 重新单击按钮时重置进度条[关闭]

8 年前

Dean Movy · WPF:使用IMultiValueConverter更改进度条颜色

8 年前

Ali AkyÄ±ldÄ±rÄ±m · 将标签值传递给Asp中的进度条值属性。网

8 年前

KissTom87 · 仅在使用ajax上载文件时显示progressbar

8 年前

Ambreen Khan · 使用一个progressbar java/Android下载多个文件

8 年前

bini · 当圆形进度条显示60%时,它没有显示10%的进度

8 年前