我们的应用程序在iframe中加载一个巨大的HTML文件。我已经知道了内容的大小，所以要检查我正在使用innerHTML.length的下载进度。是否有其他方法可以计算加载在iframe中的字符数。
编辑
在iframe中加载的HTML文件很大(1.5个MB+)，每次编译过程都会生成。我们想向用户展示下载进度条和JavaScript中的AFAIK无法检查JS (或资源)文件的下载进度，所以我使用iframe的内容长度来显示进度条。
浏览 3提问于2014-12-04得票数 0
我想为我正在制作的GUI站点制作一个进度条，我需要在javascript中使用一些代码来检测站点是否正在加载，以及有多少元素/图像已经加载，并且站点已经完全加载。我有用css制作的进度条，我不知道如何打开js中的元素。
我如何在js中或通过使用Jquery来实现这一点？
浏览 1提问于2013-01-29得票数 0
在修改我的活动的主题以显示ActionBar (准确地说是ActionBarSherlock)之后，我的进度条从：
至：
(细蓝线)。我需要能够定义进度条的高度，但我不能使用全息主题。我如何为我的进度条指定一个与我的活动不同的主题，或者有什么其他方法来解决这个问题？
谢谢!
浏览 0提问于2012-07-05得票数 0
回答已采纳
如何在Javascript的数据加载到网站时显示进度条。
paperRef.once('value').then(function(snapshot) {
numberOfPapers = snapshot.numChildren();
});
如何在计算numberOfPapers之前显示进度条？
浏览 3提问于2020-02-14得票数 0
回答已采纳
2回答
管理网页中的文件上载，并可以在上传过程中添加许多UI元素。
您可以创建一个输入文件类型元素，然后打包js文件，使用实例化代码和walla。有实现不同功能的选项和API说明。
问题：
我想为文件上传实现一个进度条，但是到目前为止还没有关于如何在文档中这样做的真正指导。
我找到了一个选项，您可以通过粘贴以下代码来设置：
progress: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10); }
但这样做并没有改变任何事情。了解javascript的人能帮我找出如何实现进度条吗？
谢谢。
浏览 2提问于2012-07-09得票数 3
回答已采纳
3回答
我正在使用jquery pace.js，我希望在加载页面时，首先加载进度条，然后显示内容，这是我的代码。
<div class="pace pace-inactive">
<div class="pace-progress" data-progress-text="100%" data-progress="99" style="width: 100%;">
<div class="pace-progress-inner"></div
浏览 21提问于2015-02-07得票数 3
回答已采纳
嗨，我有一个动态子元素Category.js的react组件RegisterWindow.js。注册窗口有3个步骤的进度条ProgressBar.js。当您单击上一步时，Category.js将失去其状态。在这种情况下，维护状态的最佳方式是什么？代码如下：
Step1 (门票)
第2步(与会者)
您可以在票证图像中看到，我已经选择了2张票证。当我从与会者屏幕返回到使用进度条链接的票证时，我失去了状态，票证数量变为0。每个票行都是单独的reactjs组件，并且是动态创建的。
浏览 0提问于2018-04-05得票数 0
3回答
我有一个node.js服务器和客户端。客户端有一个video.js播放器、progressbar.js和socket.io。我希望进度条显示其他用户的缓冲区百分比。
这是一段服务器源代码
function updateProgressBars() {
io.sockets.emit('updateProgressBars'); //Send data to everyone
}
socket.on('userProgressBarUpdate',
function(data) {
socket.broadcast.emit('chang
浏览 2提问于2017-08-18得票数 6
回答已采纳
3回答
我见过一些网站，当页面第一次加载时，会显示像进度条这样的youtube。当进度条完成时，页面内容将显示为淡出效果。网站地址是https://www.skysite.com/
我检查了很多youtube的链接，比如进度条，但是那些页面显示的是像你一样的进度条，但是它们和页面内容没有任何关系。
以下是我咨询过的一些链接。
http://stackoverflow.com/questions/18350370/youtube-like-progress-bar
http://onextrapixel.com/examples/youtube-like-ajax-loading-bar/index5.
浏览 5提问于2015-08-04得票数 1
回答已采纳
我遇到了一个涉及Jquery进度条和PHP的问题。这就是情况，
1)用户选择html表单中的一些字段，然后使用php发布。
2)从文章中检索数据，这些数据可以大到足以让页面加载几分钟(这就是我实现进度条的原因)。
3)当页面加载Jquery进度栏时，进度条会增加进度。
到目前为止，我已经安装了jquery进度条，但它只在页面加载时出现，而不是在加载过程中出现。
有什么帮助吗？
这是我的源代码示例
<?php
echo "<div id='progress-bar'></div>";
if (isset($_POST['
浏览 1提问于2012-06-14得票数 1
如何设置自定义进度条。
我想向展示两个进度条
当我不得不下载200个文件的时候。
1) 第一进度栏显示的总体下载状态.How许多文件被下载。
2) 第二栏显示当前文件下载的百分比。
浏览 2提问于2012-04-27得票数 0
1回答
我在表单中创建了一个后台工作进程..
BackgroundWorker bw = new BackgroundWorker
{
WorkerReportsProgress = true,
WorkerSupportsCancellation = true
};
另外，我在表单中有一个进度条控件(进度条的最小值和最大值分别为1和100)。
在我的按钮点击中，
单击事件将触发实际的方法调用，这些方法调用应该在后台并行运行，开始显示进度栏步骤……
if (bw.IsBusy)
{
return;
}
浏览 0提问于2013-10-18得票数 2
我正在使用json加载图表，但需要同时显示进度条，以显示后面发生的过程。
$.getJSON('frontend/js/tmp/data40.json', function(data) {
options.series=data;
var chart = new Highcharts.Chart(options);
});
如何显示进度条？
浏览 1提问于2015-10-16得票数 0
回答已采纳
2回答
当页面加载时，我尝试显示进度条。我希望在js文件加载.At之后更改进度条的宽度，将所有带有进度条的文档加载到100% .Now之后，最后一次修改进度条，我需要识别带有javascript加载的js文件。这有可能吗？请指点。
浏览 0提问于2016-02-19得票数 0
1回答
我正在尝试制作一个进度条，用于更新用户AJAX调用的进度。
我的第一反应是，我需要一个AJAX调用来在服务器上启动一个线程，允许启动AJAX调用完成，并允许线程将更新发送回用户。
为了简单起见，忽略实际的进度条功能(我正在考虑实现其中一个JS条，具有奇特的颜色和效果;)，但是如果我可以从线程获得更新，那么更新一个简单的JS进度条就变得微不足道了;)
我只需要一些关于如何完成这一点的建议，如果有人能帮我的话？;)
浏览 0提问于2010-04-14得票数 3
回答已采纳
我正在将与我的Meteor应用程序一起使用。我有一个辅助函数，它计算列表的长度并返回一个百分比数字。我的循环进度条有一个"data-parent“属性，它有一个由helper函数生成的值。
这个值是有效的，并且会随着数据的处理而变化，所以我知道helper函数不是问题所在。我还注意到，如果我进入inspect元素并手动编辑data-parent属性，进度条不会改变值。
有人能帮我找出进度条没有反应变化的原因吗？
HTML
<template name="Preset_settings">
<div id="container2"
浏览 3提问于2017-03-31得票数 0
android会在方向改变时重用视图吗？我的活动中有一个进度条。我将进度设置为50%，然后进行方向更改。但由于某些原因，在定向之后，进度条保持在50%。我在活动的onCreate()中调用了setprogress(0)。我把'printf‘放在我调用setProgress()的任何地方，我还是不明白为什么每次我改变方向时进度条都保持50%？
谢谢你的帮助。
浏览 0提问于2010-09-24得票数 2
回答已采纳
2回答
我正在尝试向JSF2.2 ajax请求添加一个客户端进度条。理想情况下，我想做的是获取请求头大小，并接收POST.状态的更新。
我对JS/JQuery不太了解，但据我所知，JQuery必须发起请求才能实现这一点()
有办法只从客户端这样做吗？
如果这是不可能的，我还有其他(原生)选项吗？
谢谢,
PS1。虽然这方面的主要范围，是一个文件上传进度条，我想能够申请完整的请求大小。PS2。我知道有几个图书馆免费提供这个，但是我不想不使用ATM。
浏览 3提问于2013-12-07得票数 2
回答已采纳
1回答
项目:创建在特定时间启动的径向进度条；即时间启动的进度条。看起来就像是径向进度条在互相追赶。 我正在尝试使用D3更改CSS属性“动画延迟”。我的代码似乎无效。哪些更改会使D3代码更改CSS属性？ 下面是一段D3代码片段： <script src="https://d3js.org/d3.v4.min.js"></script>
<script>
//Assume we have a function that calculates the amount of time lapsed since the last departure
//fu
浏览 43提问于2019-02-05得票数 0
回答已采纳
我有一个3层的vb windows应用程序，在ui中有一个进度条。有没有一个我可以调用业务层中的方法并更新ui中进度条的示例。我如何引用它？
例如，如果我使用businesslayer.domethod()
那么在businesslayer中我就不能做ui.progressbar.update了，因为它不知道它存在于不同的程序集中。
浏览 1提问于2012-08-17得票数 0
回答已采纳
很简单-我找不到这个特定问题的答案，我的jquery/js经验仍然很低，无法解决这个问题。
我的代码中有这样的代码：
$(function() {
$( "#progressbar" ).progressbar({
value: 0
});
$( "#draggable" ).draggable({
drag: function() {
var val = $("#progressbar").progressbar("option", "va
浏览 1提问于2011-08-30得票数 2
回答已采纳
1回答
文件上载的jQuery进度条
、、、、
我正面临着一个非常奇怪的问题。
问题是，我制作了一个带有进度条指示的文件上传表单。我使用了这个脚本：
它工作得很好。在我的本地主机上，进度指示是浅绿色的(Chrome和Firefox)，然后我将这些文件上传到我的服务器上。现在问题来了。
通常，我从不使用这样的直接源码来链接脚本，我会复制脚本，将其放入我的js目录中，这样即使将来上传者删除了它，我的网站功能也不会停止。所以，我保存了一个js文件并上传到这里：。但是脚本停止工作，在上传时没有显示任何进度。(我有一种奇怪的感觉，可能是JS文件中有一些API或其他东西连接到上传者的github帐户或其他东西)。我想知道为什么会发生这种情况，以及发生这
浏览 1提问于2013-01-19得票数 0
回答已采纳
1回答
在视频加载前添加进度栏
、、、、
如何在视频加载前添加加载程序？我已经使用视频滑块在我的网站上也添加了的视频卷轴.我的视频滑块和视频卷轴与pagepilling.js很好地动态工作。
现在我想在视频加载之前添加显示视频进度条和图像，在视频加载后播放视频并隐藏图像和进度条。我已经找到一个网站使用这个，但我不知道如何做？请看演示网站，并建议我将做什么？我没有使用任何代码，因为我的代码运行良好。我需要添加像演示一样的视频加载进度条。我怎么能这么做？
浏览 4提问于2018-03-08得票数 1
我已经创建了一个使用Jquery UI进度条加载进度条的网站。此进度条显示脚本加载的状态。一个示例是
$.getScript('_int/ajax.js',function() {
$("#progressinfo").html("Loading Complete ...");
$("#progressbar").progressbar({ value: 100 });
});
这个进度条在#indexloader中，它阻止了后面加载的网站，它的CSS是：
#indexloader {
z-index:10
浏览 1提问于2010-04-27得票数 5
回答已采纳
我对这个问题有点纠结。我需要停止测试场景的执行，直到进度条可见为止。进度条由nprogress.js处理
我正在考虑将它(进度条)捕获为WebElement，但我假设我无法及时找到它，因为进度条可以在1到6秒内显示，selenium将搜索元素的时间更长，执行本身也会更长。
有没有可能检查nprogress.js的执行状态？
浏览 0提问于2017-08-23得票数 0
我有一个单页应用程序，它加载一个小型化的javascript文件以及一个样式表。在这样做时，我希望显示一个进度条。
是否有可能获得文件大小并计算进度条的值？还是有其他方法可以这样做呢？
<link rel="stylesheet" href="myPath/myStyles.css" type="text/css">
<script type="text/javascript" src="myPath/myScript.js"></script>
浏览 1提问于2015-05-22得票数 3
3回答
我有一个有效的搜索功能，但我希望在submit中包含jquery进度条。有时，部分视图可以占用5秒的时间加载。需要进度条，这样用户就不会一直按submit/enter键。我想隐藏进度条，直到提交被按下。
是否有一种方法使百分比实际测量加载时间？
Jquery进度条：
视图：
@model Application.Web.ViewModels.BillingViewModel
@{
ViewBag.Title = "BillingLetterSearch";
Layout = "~/Views/Shared/_LayoutFullWidth.cshtml";
}
浏览 4提问于2015-09-23得票数 9
回答已采纳
2回答
我希望添加一个取消按钮到我的上传程序，但把它从filuploader.js模板，因为我需要我的取消弹出一个新的div与进度条，并显示详细的文件，进度等
这里的任何帮助都将是伟大的，因为这是一个项目的最后一部分，我已经在这个阶段自定义了大量的上传程序
我需要知道如何设置取消按钮，并允许它取消当前正在上传的文件
谢谢
浏览 1提问于2012-06-07得票数 0
除了实现我们自己的进度条之外，有没有一种简单的方法可以通过扩展DownloadProgressBar组件来改变默认下载进度条的颜色？
浏览 2提问于2011-10-13得票数 2
回答已采纳
3回答
我有一个应用程序，发送(多个文本文件)到服务器和进度条上的每个文件发送和获取响应更新。一旦发送完所有文件，它就会被取消。
我已经通过在循环内调用send函数成功地实现了这一点，并且进度条得到更新。现在我想用AsyncTask来执行每个文件的http请求，同时进度条也会更新。
如何定义AsyncTask来发送特定文件并获得响应。在它发送的每个文件上，进度条也会更新吗？
任何帮助都将不胜感激。
谢谢
-Sam
浏览 1提问于2014-01-17得票数 1
3回答
有些操作很耗时，而且需要很长时间才能完成。有时会发生超时。我想使用实时进度条，所以我想向用户显示状态，还想防止超时。我必须使用哪些技术？JS、Ajax、多线程还是两者兼而有之？我怎样才能实现它呢？敬请指教。
浏览 2提问于2009-08-03得票数 1
1回答
我试图在adobe应用程序中显示一个进度条，但有问题。我正在使用jquery进度条，但是进度条没有显示，我也不知道为什么。我正在尝试jquery演示站点中显示的简单示例，
使用下面的命令$( "#progressbar" ).progressbar({ value: 59 }); 创建带有id进度条的div，
我会假设进度栏会出现，但我什么也没有得到。有什么帮助吗？
只是为了展示一些代码：
<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript
浏览 3提问于2011-07-08得票数 1
回答已采纳
编辑:即时投票的意义是什么？
这是我试图重现的效果：
当你点击一个按钮时，它在按钮内有一个进度条。我是用普通的js做的，但我想用react + hooks重新创建这个项目。
下面是项目结构的代码沙箱：
我有一个对象数组，其中包含按钮的内容：
const buttons = [
{
name: "build box",
duration: 3 // takes 3 seconds to complete
},
{
name: "test button",
duration: 5
}
];
这是呈现按钮的父组
浏览 38提问于2019-11-30得票数 0
当页面加载时，我想修改顶部的进度条行，就像youtube和github一样，在加载页面时，它们的顶部分别有红色和蓝色的线条。是否可以用纯js来完成？
浏览 2提问于2022-03-31得票数 0
回答已采纳
我有wpf应用程序和进度条。我想在1分钟后开始。我的进度条正常工作，只是想在特定的时间段后开始工作。
进度条码
public login()
{
InitilizeComponent()
DispatcherTimer timer= new Timer(1000);
timer.Elapsed+= timer_Elapsed;
timer.start();
}
void timer_Elapsed(object sender, ElapsedEventArgs e)
{
thsi.Dispatcher.Invoke(DispatcherProperty.Normal,(Acti
浏览 5提问于2015-03-10得票数 0
回答已采纳
我想创建一个入职/注册序列。为此，我尝试使用一个带有标题、进度条和页面视图的场景。在该页面视图中，将为注册序列和入职的每个部分提供多个场景。用户将能够在它们之间滑动，它将更新进度条，显示它们离结束有多近。
如何从标题为"Create Account“的区域的视图控制器访问子级(RegistrationPageViewController)的进度条？
浏览 0提问于2017-01-19得票数 0
1回答
我有个问题。在我解释之前，让我先把几件事弄清楚。我有一个进度条，里面有604,800个州要满。这就是每周有多少秒，每过一秒钟，我都希望进度条改变一个。和我一起？
好吧，这是我的问题。由于自制进度条以秒为单位，因此需要将iPhone时间转换为秒，然后相应地显示进度条。这也会在周日午夜重置(用户根据哪一天是一周的最后一天而变化的一天，没有区别)。例如，如果是周一早上5点(周日午夜后18,000秒)，进度栏将处于第18,000状态。
我怎样才能做到这一点？我相信我需要首先将NSDate日期转换为秒，然后将传递给每周重置的int的每一秒加起来。
这真是令人费解，但我想我解释得很清楚。有人能帮我吗？
谢
浏览 2提问于2013-08-09得票数 1
回答已采纳
我有一个进度条和一个点击按钮。现在进度条未与该按钮链接。那么我如何确保:当按钮单击时，进度条启动；当从服务器检索结果时，进度条停止？有人能帮上忙吗？
我想尝试一些隐藏的字段作为标志来通知进度条，但还没有时间尝试。
HTML按钮在此处：
<section class="progress-demo">
<button id="sendRequest_1" onclick="SendRequest(1)" type="button" class="btn btn-danger ladda
浏览 5提问于2015-01-26得票数 0
我想创建一个自定义形状的进度条，它将根据进度改变颜色(但这几乎是一个不同的问题.)。
那么，创建一个自定义形状的进度条的最佳方法是什么，如下图所示(对不起，MS绘图技巧差)：
浏览 2提问于2013-10-14得票数 2
回答已采纳
7回答
我的应用程序是使用QML+JS制作的，我希望创建一个循环进度条小部件。我可以使用一个QML矩形创建圆圈，并设置它的半径等于它的宽度/2，使它成为一个圆。如何从其中创建进度条？
我计划实施以下模型。
浏览 14提问于2014-04-04得票数 22
回答已采纳
3回答
我想要显示一个每秒钟递增的进度条，并更新进度条。
控制台显示计数器，但进度条不会增加其大小。我的意思是它总是一个静态的进度条。
$(function($) {
$(document).ready(function() {
var counter = 0;
setInterval(function() {
counter = counter + 1;
console.log('Counter: ' + counter); // It works.
$("#progress").css('widt
浏览 1提问于2017-11-09得票数 0
2回答
我试图在一个页面上放置具有不同值的多个进度条。值将由php从数据库中获得。
下面是html代码。
<!doctype html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript" src="progress
浏览 4提问于2015-06-24得票数 0
回答已采纳
1回答
进度条未出现引导
、、、
我正在按照教程显示进度条。
test.js
var waitBar;
waitBar = waitBar || (function () {
var pleaseWaitDiv = $('<div class="modal hide" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false"><div class="modal-header"><h1>Processing...</h
浏览 3提问于2015-01-09得票数 2
回答已采纳
1回答
文件上载和进度条
、、、
我想要显示进度条，这取决于我们上传文件时读取的文件数量。
我们如何使用JS和Servlet来实现这一点?我知道对于上传，我可以使用apache commons lib，但如何根据读取的数据显示进度条。
我应该根据读取的数据量向JS代码发送数量响应吗?如果是，如何实现？或者有没有人知道更好的选择？
浏览 0提问于2013-01-21得票数 2
1回答
自定义JS上的进度条
、、、
我使用非常简单的。
但是我想创建这样的自定义进度条：
但我不知道如何创建这样的进度条。可能准备使用的JS库存在或其他什么东西，用于创建进度条。
浏览 2提问于2015-05-14得票数 2
回答已采纳
我下载了进度条组件jQuery UI，以便可以向页面添加进度条。我想要一个特定的主题，该网站允许您下载带有主题的组件。我选择了“开始”主题(带波浪的蓝色)。
它下载了一个示例文件以及一个css文件夹，其中包含css文件夹中的所有图像。当我运行该示例时，我看到了正确的进度条：
所以我看一下html，它包含了这个示例页面的以下内容：
<link type="text/css" href="css/start/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
<script
浏览 1提问于2011-05-26得票数 0
回答已采纳
1回答
我在WPF中有一个列表框，它显示了许多工作线程的状态。显示中包括一个进度条。
事实证明，进度条有一个问题(缺陷？)：“最大值”值是依赖项属性，但当该属性更改时，进度条不会更新。
有人在中发现了类似的问题。建议的解决方案是将处理程序添加到处理依赖项属性更改的进度条中。
但是我的进度条是由WPF框架通过数据模板创建的。(请参阅下面的代码)如何将处理程序附加到这些动态创建的进度条上？
或者，还有别的办法来解决这个问题吗？
<DataTemplate x:Key="DataTemplateTransferWorker">
浏览 4提问于2011-03-29得票数 1
如何让Twitter Bootstrap 3进度条在Internet Explorer 9、10中以动画形式显示进度：
在Mozilla或Chrome中显示时，我可以看到进度指示器正在移动和剥离动画，但在IE中看不到
下面是进度条的div：
<div class="progress progress-striped active" style="width:100px">
<div id="myprogress"
class="progress-bar progress-bar-success&
浏览 2提问于2013-10-23得票数 3
我是node.js的新手。
我目前正在开发一个文件上传服务。我在客户端使用xhr轮询，如下所示：
var xhr = new XMLHttpRequest();
var onProgress = function(e) {
console.log(e);
};
var formData = new FormData();
formData.append('file_name_input', file_name_input[0].files[0]);
xhr.addEventListener('progress', onProgress, false);
浏览 0提问于2012-02-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
