当在angular中使用时，html5进度条<progress value="5" max="100"></progress>会被angular类所取代。还有一个angular自己的进度条，它使用相同的标签。其他一些元素，如html5的滑块，不会受到角度的干扰&它们自己工作得很好。
有没有办法在angular中使用简单的html5进度条？或者这是一种糟糕的实践或其他什么？我喜欢html5进度条，使用它非常简单。或者使用angular进度条是更好的解决方案？
浏览 0提问于2014-07-08得票数 1
1回答
我想为所有的browsers.Is开发一个进度条，有任何像闪回的进度条不支持html5，我的意思是，我想要显示html5进度在浏览器中支持html5和动作脚本进度条在浏览器中不支持html5或有任何polyfill，我可以使用这个进度栏？
浏览 2提问于2015-05-26得票数 0
这可能会很简单，尽管我找不到解决我的问题的适当方法。我想要的是，当用户将鼠标悬停在进度条上时，进度条会在一个小的弹出式屏幕或类似的东西中给出进度条的值。您可能会明白我想说的是什么:)
我的html5代码：
<progress id="progressBar" value="50" max="100"></progress>
我对html5和悬停的东西很不熟悉。
浏览 1提问于2012-12-29得票数 6
回答已采纳
2回答
我想把HTML5的两个特性合并为一个。我正在尝试在页面上创建一个进度条按钮。页面上的进度条不需要更新，只有当页面刷新时，进度条才会改变位置。你知道我该怎么做吗？
谢谢
-Jesse
浏览 0提问于2011-05-16得票数 0
回答已采纳
17回答
我想创建一个进度条，如下图所示：
我不知道如何创建它。我应该使用HTML5技术吗？
你能给我一些关于创建这个进度条的帮助吗？
浏览 6提问于2011-08-25得票数 92
回答已采纳
1回答
我有一个常用的引导导航菜单和一个进度条，在上面使用fixed positon属性。但是在导航菜单的顶部看不到进度条。我试过使用z-index，但它没有任何用处。
代码如下：
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
...
...
</div>
<div class="container" id="sim-progress">
...
...
</div>
我已经添加了一些自定义css
浏览 12提问于2014-03-28得票数 1
回答已采纳
在这里，我试图获得带有来自jquery的值的html5进度条。
这里我有一个for循环要计数到100，现在我想将从1到100的值传递到html5进度条。我该怎么做？
<!DOCTYPE html>
<html>
<head>
<title>Welcome</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(documen
浏览 3提问于2014-02-14得票数 0
回答已采纳
1回答
IE8和IE9中的文件上传
、、、、
这个问题可能已经被问了很多次了，但我一直没有找到合适的答案。
我正在开发一个网站，也包括一个图像上传。使用HTML5 API，我已经能够为每个图像上传过程创建单独的进度条。官方文档中提到，IE9及更早版本不支持多文件上传和HTML5接口。
我需要的是一个IE9和更低的进度条。我读到过iframe不能显示文件上传的进度。我也不想求助于一些flash上传插件。
我还读到，可以将APC支持(如果不存在)添加到服务器，该服务器被配置为报告文件的上传进度。
那么，在IE9和更低版本中，有没有其他可能的方法来显示进度条呢？
浏览 1提问于2014-02-06得票数 0
我正在寻找一个基于HTML5/PHP/JavaScript的进度条，可以在输入值的变化上工作/动画，情绪(显示在下面和链接中)是可选择的，实际上它们是复选框(请参阅此页面)。我希望当用户选择/取消选择任何情绪时，进度条会分别进行动画(增加/减少)。因此，任何人都可以帮助我找到一种方法来根据我的需求创建自定义进度条。(自定义进度条，如下图所示)
浏览 0提问于2013-09-10得票数 0
如何在iphone messages应用程序中显示导航栏中的进度条。为此，您可以参考下面的链接来显示进度条
我尝试使用工具栏来实现，但结果与消息应用程序不同。
-(空) createToolbar
{
toolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(95.0,15,130,47.0)];
UIBarButtonItem *flexibleItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace tar
浏览 2提问于2010-06-22得票数 0
回答已采纳
2回答
带有图像的进度条
、、
我想知道是否有可能将HTML5引入的进度栏设置为我可以在其中放置图像的方式。更具体地说，让我们想象一辆汽车从一个城市骑到另一个城市。我想在进度条中显示汽车的演变。
<progress id='movingbar' value="50" max="200"></progress>
但为了更时尚，我希望这个进度条在"value“的位置显示一辆汽车的图像。
我还没有找到任何讨论这件事的网站。如果不能使用HTML5标签实现，那么是否可以使用其他方法呢？
事前谢谢
浏览 0提问于2013-08-02得票数 2
回答已采纳
3回答
我在我的应用中使用了HTML5进度条。我想知道是否有任何方法可以控制进度条的动画速度。我希望在某个时间间隔后显示进度，我使用了javascript的setTimeout方法，以便在渲染屏幕后设置该值。但是动画太快了。有什么方法可以控制它吗？
谢谢。
浏览 2提问于2012-06-18得票数 0
我有一个页面index.php，我要求用户输入要存储在数据库中的记录数。请求发出后，它将用户重定向到result.php并回显执行时间。现在，我想打印HTML5进度条和其他结果。
我的方法(不起作用)：
for($i=0; $i<$records_to_add; $i++)
{
mysqli_query($con, "INSERT INTO assignment (name, fname, description) VALUES ('osama', 'yawar', 'This is record')"
浏览 0提问于2014-03-07得票数 0
Google docs现在支持拖放上传。
他们做得怎么样？他们是如何实现进度条来上传文件的？他们使用HTML5 websocket了吗？如果我使用XMLHttpRequest上传，有没有办法向用户显示进度条？
顺便说一下，一个文件夹仍然不能上传到谷歌文档中。这不可能吗？
浏览 3提问于2010-12-08得票数 0
1回答
我已经看过了这个，里面有关于HTML5进度标签的教程。当我通过iPad和PC的web浏览器查看网站时，网站的进度条工作得很好，但当我创建自己的html时，它在正文部分只有进度标签，它不起作用。我的进度条码与网站中的完全相同，即
<progress max="100" value="60">
<strong>Progress: 60% done.</strong>
</progress>
在我的html中，它显示“进度: 60%完成”。没有出现任何进度条。
有什么建议吗？谢谢。
浏览 0提问于2013-01-18得票数 0
回答已采纳
1回答
替代HTML5进度条
、、、
背景
据我所见，对HTML5进度条的支持仍然是零星的，使其在每个浏览器或操作系统中显示为相同的方法常常是复杂的。
展示了如何在css中创建多个psuedo类，试图在每个浏览器中影响progress元素的样式。
progress {
/* style rules */
}
progress::-webkit-progress-bar {
/* style rules */
}
progress::-webkit-progress-value {
/* style rules */
}
progress::-moz-progress-bar {
/* st
浏览 4提问于2015-08-29得票数 1
回答已采纳
2回答
我正在做一个需要从数据库下载内容的项目。该网站通常使用手机(高端智能手机)访问。
我想知道是否有可能在使用HTML5下载内容的过程中添加一个进度条，这样当此操作进行时，整个屏幕上会出现一个灯框，并且只显示进度条。
浏览 0提问于2012-04-03得票数 2
回答已采纳
3回答
我有一个样式的HTML5进度条，我想在进度条内显示数据标签，跨浏览器兼容。目前，它显示在进度条的上方。
HTML:
<progress max="100" value="50" data-label="50% Complete"></progress>
CSS:
progress {
text-align:center;
height: 1.5em;
width: 100%;
-webkit-appearance: none;
border: none;
}
progress:before {
co
浏览 8提问于2017-01-02得票数 27
回答已采纳
将XMLHttpRequest中的两个HTML5进度栏更新为：
for (var i = 0; i < times.value; i++) {
xhr.open("POST", uri, false);
xhr.send(payload);
restSendBar.value += 100 / times.value;
console.log(i + "th times");
}
和
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 &&
浏览 2提问于2013-02-28得票数 0
2回答
我有一个起始值为100的HTML5进度条。当点击该按钮时，它的值将在15秒内减少到0。我已经修改了在互联网上找到的示例代码。它现在位于中。它现在显示进度条的百分比，但我希望它显示完成加载前的剩余时间。我该怎么做呢？
JS
$('#btnUpload').click(function() {
var time = 150; //15 secs
var bar = document.getElementById('progBar'),
fallback = document.getElementById('downloadProgress')
浏览 1提问于2013-01-31得票数 0
回答已采纳
3回答
我在这个论坛和asp.net论坛上读了很多链接，还搜索了谷歌。我发现了大量的进度上传栏，但没有一个适合我的特定需求。所以我希望有人能帮上忙。我需要一个上传进度条不使用，flash，php，html5或任何codebehindfile，希望找到一个javascript纯上传进度条。以前有没有人用过这样的东西？
谢谢
马塞尔。
浏览 0提问于2011-07-06得票数 0
回答已采纳
1回答
HTML5进度条的样式
、、、
我正在制作一个包括HTML5进度条的游戏，但是我有不止一个，希望颜色不同。我目前有样式，设置所有的进度条为一种颜色，但我不确定如何使不同的条不同的颜色。这是我目前的CSS： progress::-webkit-progress-bar {
background-color: gray;
}
progress::-webkit-progress-value {
background-color: lime;
} (我正在使用safari)
浏览 15提问于2021-08-10得票数 0
回答已采纳
2回答
我希望在HTML5中制作一个带有进度条的文件上传器。我试过使用其他地方找到的一些教程，包括关于它的教程。 (可接受的)似乎与我想要的最接近，但我无法计算出PHP，而且$_FILES和$_POST数组似乎都是空的。
在人们开始说隐藏的iframes是不可能的.使用HTML5应该是可能的。
如果需要的话，jQuery是可用的，但我的印象是，jQuery目前不支持很多HTML5功能。
更新：
我现在只担心Chrome。
浏览 4提问于2011-08-29得票数 5
回答已采纳
1回答
在Windows8css应用程序中播放视频时，我正在尝试更改视频标签的进度条颜色，但我找不到必须修改哪个HTML5属性。此外，我也找不到关于这方面的文档。
浏览 3提问于2013-02-19得票数 0
我使用的是html5表标签，它在火狐和Chrome中运行得很好，但在IE中却不行。除了进度条之外，还有什么解决办法吗？请让我知道谢谢
浏览 3提问于2014-02-10得票数 0
回答已采纳
1回答
我在这里使用html5进度条，我想为进度条实现不同的颜色，基于诸如if value>80%，然后进度条的颜色应该是红色，如果下面那个颜色应该是绿色的，我实现了jQuery函数，但是它不适合我
以前我用的是html5表。可以肯定的是，在对IE10/11 (不可见)进行了一些研究之后，这个元素将不会得到支持。而不是仪表标签，我使用了进度栏，这在所有浏览器中都是可见的，这意味着它也支持IE，但是这里还有一个bug，比如这个颜色正在发生变化。例如。在IE中，火狐的背景颜色是“蓝色”，它是“绿色”，而对于Chrome，则是不同的颜色。从开发的角度来看，我们给出了一些背景颜色，但它在不同的浏览器中显
浏览 3提问于2014-02-10得票数 0
回答已采纳
在运行Android4.1.2的HTC上查看时，我的HTML5 HLS流上没有进度条。在运行4.4.2的同一设备上工作良好，以下是我的jsbin：
注意:该流是混合应用程序的一部分，为了复制您需要在Android默认浏览器中进行测试的程序，在Chrome中运行得很好。
我知道进度条在溪流上没有用，它纯粹是为了美学。
浏览 0提问于2014-04-30得票数 0
回答已采纳
在苹果发布IOS7后，HTML5音频标签UI发生了变化。
我想要旧风格的UI，新的太简单和扁平(没有进度条和音量控制)。
有这样做的想法吗？
浏览 1提问于2013-10-09得票数 0
2回答
我需要在(html5)网页中显示操作系统本地进度条。我在下面的html文件中有进度标签
< progress value="22“max="100”/>
它在Safari6.0OSX Lion 10.7.4中工作得很好，但在WebKit的WebView中就不行了。页面的其余部分显示良好，但没有进度条。有人知道为什么会发生这种事吗？我以为WebKit和Safari实际上是一样的，但看起来并不一样。
浏览 1提问于2012-08-17得票数 0
1回答
我的应用程序中有一个HTML5视频面板。我设法做了一个进度条，它工作得很好。但我也想通过点击进度栏上的任何位置来改变视频的currentTime。
如何使用React作为比率来获得当前位置？我在谷歌上搜索了进度栏组件，但似乎没有人给value点击的位置，而只是显示。
或者，简单地说，当用户单击进度条的不同位置时，我希望将进度条的值更改/获取到该位置。
更新：
我已经更新了演示，它似乎是疯狂的当点击多次，它似乎不接近点击的位置。
Demo：
浏览 1提问于2020-12-16得票数 2
回答已采纳
1回答
随着HTML5的新改进，现在可以知道图像(或其他文件)的加载百分比，用真实数据构建进度条？
是否至少有可能提前知道图像(或其他文件)的大小，以便更准确地伪造这个百分比？
我找到的所有信息似乎都过时了，或者可能还不可能。但是很多网站显示这些天的百分比微调和进度条...多么?有一个常见的假把戏吗？
谢谢。
浏览 2提问于2014-02-28得票数 0
1回答
我正在尝试创建一个使用angularjs的web音频播放器。我没有为播放器使用html5 "controls“属性，因为我想要一个特定的样式。我有播放/暂停/下一步/上一步按钮，但我一直在努力创建一个交互式进度条。我已经阅读了创建“静态”进度条的不同选项(例如使用bootstrap)，这些进度条显示进度，但用户无法查找并跳到歌曲的不同部分。我想我遗漏了一些东西，创建一个可查找的进度条不会那么困难。有没有人知道该怎么做？谢谢
编辑:其他的可能性可能是使用其中的一些库来包装音频元素并添加功能。有没有人用过这些库？
浏览 5提问于2015-01-15得票数 0
1回答
我在应用程序中使用了导航控制器，并尝试将进度条作为导航栏的背景。我做了一个UIView的子类来制作我的进度条，这很好用。
现在，当我构建导航栏项目时，我将进度栏添加为导航栏的SubView，以及两个按钮。这也很好用！
问题是，当我单击我的表视图的一行时，它会变成一个视图控制器，而当我点击“后退”按钮时，我的进度条就会出现在导航栏按钮的顶部。
下面是我设置导航条项的代码：
let progressBar = ScrollProgress(frame: CGRect(x: 0, y: -20, width: self.navigationController!.navigationBar.
浏览 0提问于2016-06-22得票数 3
2回答
在li标记中嵌套标题标记
、、、
为了让导航列表项显示在轮廓中，在HTML5导航元素的列表项标记中嵌套标题标记是可以接受的吗？这验证了导航列表项上的标题在语义上是正确的吗？有没有办法让导航项目在HTML5的大纲中显示出来？或者我甚至应该关心这个？
浏览 0提问于2014-07-22得票数 4
有没有可能在HTML中创建(实际上是进度条)，或者在HTML中创建任何类型的方法，通过让轨迹填充到某个点来模拟进度条的效果？我还需要能够控制什么%的轨道填满。如图所示：
注意:轨迹曲线的部分将具有弯曲的边缘。
这可以简单地在flash中动画，然而，对于其他目的，这需要严格使用HTML5或Javascript完成。这有可能吗？
我甚至不能开始想象如何实现这一点。
浏览 4提问于2014-10-23得票数 0
我正在使用C#上的进度条和web浏览器控件，但我没有想法使它导航时平滑的进度条，你有一步一步地创建它，我将不胜感激。
浏览 1提问于2012-08-05得票数 2
1回答
我们如何根据某一事件的进展来绘制一个封闭的抛物型bezier曲线？
更多背景：
平台:在两个抛物线的帮助下构造的HTML5画布曲线(当进度为100%时)，但当进度为10%时，我们如何在这种情况下创建贝塞尔曲线？
PS:还有其他问题，这些问题显示了如何构建一个圆形进度条，但是我看到的是一个抛物线进度条。
浏览 0提问于2021-08-17得票数 0
回答已采纳
1回答
我有下面的屏幕，我有一个进度条，它的图标被重叠，它扰乱导航栏。
进度条css：
ol.progtrckr li {
display: inline-block;
text-align: center;
line-height: 3em;
}
ol.progtrckr li:before {
overflow:hidden;
position: relative;
bottom: -2.5em;
float: left;
left: 50%;
line-height: 1em;
}
导航栏css：
#navwrap
浏览 3提问于2013-08-06得票数 1
回答已采纳
2回答
我正在寻找一种方法来做文件上传，与自定义进度栏，与谷歌网页工具包。我不是在寻找显示自己进度条的插件，而是寻找一些调用我的回调方法并通知它进度的东西，这样我就可以显示我自己的进度条了。
如果这是不可能的，那么我想知道如何访问HTML5文件API，以便构建自己的文件上传小部件。
有什么想法吗？
谢谢。
浏览 6提问于2014-01-13得票数 3
回答已采纳
我想使用这个网站的来帮助我将HTML5上传整合到我正在开发的新网站中--但显然并不是所有的浏览器都支持这一点。
如何检测用户的浏览器是否支持带有进度条的HTML5上传？如果可以，我希望用户通过HTML5上传-如果他们不能，我想为他们显示一个SWF上传程序-如果他们没有flash，我想我只能显示原始的HTTP上传程序与状态栏进度。
如果可能的话，我想在不使用javascript的情况下检测到它，这样如果用户禁用了javascript，他们仍然可以上传文件。
谢谢
浏览 0提问于2011-08-30得票数 2
回答已采纳
3回答
我目前在一个网站上工作，用户可以从该网站下载二进制媒体文件(主要是.mp3)。我们需要一个"Download“按钮将文件保存到用户浏览器首选项中的指定位置，并且它需要以某种方式显示进度条。
目前，我所担心的是找到一种使用HTML5实现这一点的方法，并以这样一种方式来实现:在未来的版本中，我们将能够访问该流，以便一旦我们获得这个基本的下载部分的编码，我们就可以在将来以某种方式实现进度条。
我知道HTML5有一个File API，但目前很少有浏览器允许它的实现，我们需要它在IE 7+和常用的Chrome和Firefox版本上工作。
谢谢你的帮忙!
浏览 0提问于2011-10-06得票数 6
回答已采纳
4回答
在html和jQuery中，如何显示多个水平进度条？我有一个上课的想法。学生对主题进行投票，当他们投票时，进度条左右移动。如果你曾经在Adobe Connect上参与过投票，那就是我正在考虑的一种方式。
它可以是html5格式的，因为我将是唯一一个显示结果的人(在班级的前面)。
它不可能在flash中，因为我不太了解flash。
我会让页面每隔15秒左右自动刷新一次。
浏览 2提问于2010-02-09得票数 0
回答已采纳
1回答
进度条- HTML5 -火狐
、、、、
我使用HTML5创建了一个进度条。不过，我使用的过渡效果只适用于Chrome、Opera和Safari。但它在Firefox中不能正常工作吗？ 这是我的进度条-> https://codepen.io/thadeucesario/pen/KKdWKdr 你知道我怎么才能修好吗？ 对于我正在使用的这些浏览器： progress::-webkit-progress-value {
background: #0b366f;
-webkit-transition : width .5s ease;
-moz-transition : width .5s ease;
浏览 24提问于2020-04-30得票数 0
回答已采纳
2回答
如何在安卓系统的ViewPager中添加进度条？
我的场景是，我必须在ViewPager中加载imageURL。当用户滑动页面导航时，如果ImageURL没有加载，我需要显示进度条/加载GIF图像。
有可能吗？
浏览 0提问于2012-04-04得票数 1
回答已采纳
我正在尝试创建一个进度条来监控加载的影片剪辑的时间轴进度。大多数教程都是基于预加载器的。虽然我得到的概念是相似的，但我正在努力。
用户通过点击左侧导航菜单来加载各种电影剪辑。我希望进度条能向用户显示他们在影片剪辑时间线中的位置。我还希望在加载新影片剪辑时进度条重新开始。
我的进度条是508像素宽。
有什么想法吗？
浏览 2提问于2013-02-14得票数 0
我想用颜色填充滑块的轨迹，因为它前进(向右)。我不能使用进度条。我试图创建一个带有导航支持的自定义进度条，但没有成功。我试着用css样式来做，但是失败了。
浏览 0提问于2012-12-22得票数 1
我正在使用默认的nuxt进度条。将颜色改为蓝色。在此之前，当我导航到使用asynData或获取其显示蓝色的页面时，但现在我在创建时更改，然后获取，但进度条变为红色而不是蓝色。我正在运行通用模式。
浏览 22提问于2020-11-18得票数 0
默认情况下，我使用的是html5进度条，它在不同的浏览器中改变颜色，我想使它对所有浏览器都是唯一的，我怎么能告诉任何人我如何做到这一点呢？谢谢
浏览 3提问于2014-02-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
