在HTML + CSS中不确定的进度条 [英] Indeterminate progress bar in HTML+CSS

问题描述

我想创建一个不确定的HTML + CSS进度栏，使其看起来像在Vista上的一样：

我想： p>

1. 水平调整进度条宽度（可定义最小和最大宽度）







任何建议如何做？

解决方案



1. css - width：100％ b $ b
2. 没有Javascript意味着你必须使用html5，这是一个有点棘手。动画GIF只有在您决定将栏固定宽度（否则gif会倾斜）时才会工作。


3. 移动它：javascript或html5



最简单的方法：javascript（喜欢或不喜欢...））




I would like to create an indeterminate HTML+CSS progress bar so it looks like the one on Vista:

I would like to:

1. horizontally adjust it to progress bar width (minimum and maximum width may be defined)
2. don't use Javascript but rather just animated GIF
3. having only one moving indicator on the whole width

Any suggestions how to do this?

解决方案

1. css - width:100%
2. no Javascript means you will have to do it with html5 which is a bit trickier. An animated GIF would work only if you decide to make the bar fixed-width (otherwise the gif will be skewed)
3. to move it: javascript or html5

The easiest way: javascript (like it or not... ;) )

这篇关于在HTML + CSS中不确定的进度条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！