当在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
1回答
我已经创建了一个幻灯片页面的大文件图片使用HTML5和CSS。问题是它们需要大约一分钟的时间来加载。如果图像尚未完全加载，幻灯片放映将不会转到下一张幻灯片。
我想添加一个进度条，当用户在后台加载时可以看到它。
这是代码的基础：
有什么建议吗？
我的JavaScript知识非常有限，这就是为什么我试图找到HTML5和CSS3的答案。
浏览 5提问于2012-12-05得票数 0
3回答
我有一个包含WebView的非常简单的应用程序。此webview加载一个HTML5应用程序，在webview中构建内容时会花费一些时间。
我想显示一个进度条，直到内容加载完成，并在内容准备就绪时显示网页视图。大约需要10秒。
?？
浏览 2提问于2012-03-14得票数 1
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
回答已采纳
1回答
随着HTML5的新改进，现在可以知道图像(或其他文件)的加载百分比，用真实数据构建进度条？
是否至少有可能提前知道图像(或其他文件)的大小，以便更准确地伪造这个百分比？
我找到的所有信息似乎都过时了，或者可能还不可能。但是很多网站显示这些天的百分比微调和进度条...多么?有一个常见的假把戏吗？
谢谢。
浏览 2提问于2014-02-28得票数 0
3回答
我正在用HTML5和JavaScript创建一个简单的游戏。
最初，当游戏开始时，加载图像和声音需要一些时间。在此期间，用户不得不等待，屏幕看起来很不舒服。
所以我想做的是
检查图像和声音的加载状态。
在加载资源时增加加载百分比，并分别增加进度条。
我真的没有从哪里开始的钥匙。请带我过去。
浏览 0提问于2012-08-14得票数 2
回答已采纳
这可能会很简单，尽管我找不到解决我的问题的适当方法。我想要的是，当用户将鼠标悬停在进度条上时，进度条会在一个小的弹出式屏幕或类似的东西中给出进度条的值。您可能会明白我想说的是什么:)
我的html5代码：
<progress id="progressBar" value="50" max="100"></progress>
我对html5和悬停的东西很不熟悉。
浏览 1提问于2012-12-29得票数 6
回答已采纳
我正在尝试加载一个Brightcove视频，当HTML5版本加载到iPads上(例如:播放/暂停、进度条、卷)并且只播放视频时，它绝对没有控制。然后，该视频将通过智能播放器API通过页面上的按钮进行控制。我尝试过使用像下面这样的BEML标记创建一个非常空白的模板，它隐藏了闪存播放器中的控件，但是对HTML5播放器没有影响，这里有遗漏什么吗？
<Runtime>
<Theme name="Deluxe" style="Dark"/>
<Layout>
<ChromelessVideoPlayer id=&#
浏览 3提问于2013-11-14得票数 1
回答已采纳
2回答
我的进度条加载器，当我的页面在Javascript中加载时，我用来显示几秒钟的进度条加载器出现了一些问题。
如果我在计数时单击另一个选项卡，它将暂停，只有当您返回时才会恢复。即使你在另一个标签里，我怎么能让它算数呢？
$(document).ready(function() {
if(!Modernizr.meter){
alert('Sorry your brower does not support HTML5 progress bar');
} else {
var progressbar =
浏览 0提问于2014-02-08得票数 0
2回答
我想把HTML5的两个特性合并为一个。我正在尝试在页面上创建一个进度条按钮。页面上的进度条不需要更新，只有当页面刷新时，进度条才会改变位置。你知道我该怎么做吗？
谢谢
-Jesse
浏览 0提问于2011-05-16得票数 0
回答已采纳
17回答
我想创建一个进度条，如下图所示：
我不知道如何创建它。我应该使用HTML5技术吗？
你能给我一些关于创建这个进度条的帮助吗？
浏览 6提问于2011-08-25得票数 92
回答已采纳
1回答
当我在PC浏览器上打开这个链接时
视频显示一个预览图像，我可以看到加载进度条正在运行，所有工作良好。
但是当我在移动浏览器上打开链接时，视频完全是空的，没有缩略图，进度条也停止了。(剧本没问题)
然后我在视频标签中添加属性"preload=auto"，然后也没有区别。
这是我的密码。
<!DOCTYPE html>
<html>
<body>
<video preload="auto" width="400" controls>
<sourc
浏览 5提问于2016-07-28得票数 0
1回答
在中，我可以移动Chrome中的进度条。但是在中我不能移动进度条(它甚至不能在Safari中加载)。这两个超文本标记语言文件之间唯一的区别是工作示例是从加载视频，而非工作示例是从加载视频
因此，我最好的猜测是两个不同的服务器以不同的方式提供文件。但是我该如何解决这个问题呢？哪些服务器/目录设置会导致此问题？
<html>
<head>
<link href="http://vjs.zencdn.net/6.6.3/video-js.css" rel="stylesheet">
</head>
<body
浏览 14提问于2018-02-15得票数 0
在这里，我试图获得带有来自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
1回答
我有一个小的电子邮件客户端。我希望能够上传文件，而不必提交表格。所以，我有我的电子邮件表格。我想，每当我使用我的表单上的文件输入按钮，该文件将被上传，而不是任何重新加载的页面。其目标是能够在不重新加载页面的情况下上传多个文件，这与GMail中的情况类似。
每次单击文件输入并选择一个文件时，都会出现一个带有上载进度的小进度条，并且不会重新加载页面。
我猜一些JS/Ajax库可能会帮助我实现这一点？我正在使用HTML5。
谢谢
浏览 1提问于2012-11-22得票数 0
我目前正在写一本HTML5的宝洁公司的aventure。
因为游戏开始前有很多图像和精灵要加载，所以我想预先加载所有的图像。
我的想法是创建一个<img>并使其成为visibility: hidden;，这样用户就不会看到任何东西。
在每次加载图像之后，我想执行一个函数来更新一个进度条。
所以我做了这样的事：
loadImages: function () {
$('#preLoader').attr('src', this.__im
浏览 0提问于2013-10-21得票数 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
3回答
我正在使用文件读取器将图像加载到html5画布中；我正在尝试构建一个进度条；它可以工作，但它的行为并不是很顺利……我的意思是，条子从0 px的大小开始，然后增加，但以一种急促的方式；是否有可能有一个更平滑的酒吧尺寸增加？
代码：
reader.readAsDataURL(file);
function updateProgress(evt) {
jQuery('.file-loading-bar').width(100 * (evt.loaded / evt.total) + '%');
}
reader.onloadstart = function
浏览 3提问于2014-03-10得票数 1
回答已采纳
我有一个页面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
我使用软件更新器将我的Ubuntu12.10升级到13.04。升级后，Youtube停止工作(火狐和Chrome)。也就是说，我尝试过的视频都不能播放。进度条正在旋转，就像正在加载视频一样，但是在几分钟后“视频当前不可用”消息出现。
首先，我从youtube的设置中选择了HTML5来解决这个问题，但没有运气。然后，我将Ubuntu13.04刻录到USB上，试图从USB上运行PC，看看升级是否有问题。我打开火狐和Youtube，用HTML5播放视频。在那之后，我得出结论，升级有问题，并格式化了我的电脑。然而，在重新安装后，Youtube仍然无法工作。
有人知道怎么解决这个问题吗？
编辑:我用Vi
浏览 0提问于2013-06-23得票数 4
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
回答已采纳
2回答
我想在加载资源时在HTML5画布上绘制一个进度条，并使用以下代码：
Assets.Download(function(_loaded) {
console.log("callback called");//its displayed in log
ctx.beginPath();
ctx.rect(0, 0, _loaded * 500, 50);
ctx.fillStyle = "#8ED6FF";
ctx.fill();
ctx.lineWidth = 5;
ctx.strokeStyle = "
浏览 0提问于2012-03-27得票数 1
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
回答已采纳
2回答
当页面加载时，我尝试显示进度条。我希望在js文件加载.At之后更改进度条的宽度，将所有带有进度条的文档加载到100% .Now之后，最后一次修改进度条，我需要识别带有javascript加载的js文件。这有可能吗？请指点。
浏览 0提问于2016-02-19得票数 0
1回答
我有困难创建一个圆圈和动画填充效果的基础上的一个值。
目前，我有一个HTML5进度条，它是基于一个得分值而进行的。
我宣布如下：
var bar = document.getElementById('progBar'),
然后，在函数中，我根据CurrentScore变量相应地设置它：
bar.value = CurrentScore;
我不想用偏角条，我想用圆圈。问题是，我尝试使用的每个插件都不会让您动态地更改值。它只在页面加载时设置。我最近的失败尝试是通过使用这个只能在加载时运行的插件来实现的，因此它在我的功能中不起作用。
有谁知道如何根据一个变化的值动态地填充一个圆吗？
浏览 4提问于2013-09-20得票数 1
回答已采纳
1回答
如何在加载后加载脚本
、、、
在onload加载程序动画完成后，我正在尝试使进度条加载(动画)，下面是一个指向正常动画的进度条示例的链接：
&下面是加载程序onload的一个示例：，在这个示例中，您可以看到进度条动画是如何正常工作的。
最初我以为进度条动画发生在onload加载器后面，但是如果我降低加载器的秒数，我可以看到进度条动画根本不起作用
任何帮助都是非常感谢的！
浏览 4提问于2022-09-06得票数 0
回答已采纳
我在我的android应用程序中实现了进度条。在我的应用程序中，我想要显示进度条，当图像从web加载后，加载所有图像后，加载程序应该停止。
我见过一些进度条的例子，它会在预定义的时间段内显示。但我希望进度条的显示动态取决于从web上加载图像的时间。
浏览 1提问于2010-12-15得票数 1
1回答
我正在尝试创建一个使用angularjs的web音频播放器。我没有为播放器使用html5 "controls“属性，因为我想要一个特定的样式。我有播放/暂停/下一步/上一步按钮，但我一直在努力创建一个交互式进度条。我已经阅读了创建“静态”进度条的不同选项(例如使用bootstrap)，这些进度条显示进度，但用户无法查找并跳到歌曲的不同部分。我想我遗漏了一些东西，创建一个可查找的进度条不会那么困难。有没有人知道该怎么做？谢谢
编辑:其他的可能性可能是使用其中的一些库来包装音频元素并添加功能。有没有人用过这些库？
浏览 5提问于2015-01-15得票数 0
有没有可能在HTML中创建(实际上是进度条)，或者在HTML中创建任何类型的方法，通过让轨迹填充到某个点来模拟进度条的效果？我还需要能够控制什么%的轨道填满。如图所示：
注意:轨迹曲线的部分将具有弯曲的边缘。
这可以简单地在flash中动画，然而，对于其他目的，这需要严格使用HTML5或Javascript完成。这有可能吗？
我甚至不能开始想象如何实现这一点。
浏览 4提问于2014-10-23得票数 0
1回答
我们如何根据某一事件的进展来绘制一个封闭的抛物型bezier曲线？
更多背景：
平台:在两个抛物线的帮助下构造的HTML5画布曲线(当进度为100%时)，但当进度为10%时，我们如何在这种情况下创建贝塞尔曲线？
PS:还有其他问题，这些问题显示了如何构建一个圆形进度条，但是我看到的是一个抛物线进度条。
浏览 0提问于2021-08-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
