Tag: 进度条

php和jquery进度条

我有一个表单，在那种forms我有输入类型文件上传zip文件我上传zip文件使用该表单，而不是它去zip解压缩php文件，但我想显示加载器，直到文件extract.How我可以使用PHP还是jquery？ Upload Zip File:

在循环内部，Progressbar的进度不会更新

for (var i = 0; i < dataArray.length; i++) { if(((i/dataArray.length)*100)%10 == 0) $("#progressbar").progressbar({ value: (i / dataArray.length) * 100 }); if (resultArray.indexOf(dataArray[i]) == -1) // check for duplicates resultArray.push(dataArray[i]); } 我添加了if语句，因为我不想继续更新每个循环的进度条。 循环运行近222000次。 是否有更好的逻辑来更新进度？ 为什么它永远不会进入if语句？

更新在运行时添加的JQuery进度条

我在更新jquery进度条时遇到了一些问题。 在页面加载期间，此进度条不在文档中，我只是在用户单击按钮时添加它，ding如下所示： $(this).parent().append(”); $(this).parent().children(‘div.progressbar’).show(); $(this).parent().children(‘div.progressbar’).progressbar({value: 20}); 然后，使用超时，我正在尝试更新它 function updateProgressBar() { $(‘.progressbar’).each(function() { myNewValue = getNewValue(); $(this).progressbar(‘value’, 50); }); setTimeout(‘updateProgressBar()’, 5000); } setTimeout(‘updateProgressBar()’, 5000); 调试控制台抱怨说：“未捕获：无法在初始化之前调用进度条上的方法：尝试调用方法’值’”在这里搜索我发现问题可能与加载页面后进度条的初始化有关 有人能帮帮我吗？ 提前致谢 – 编辑 – 谢谢布莱恩，我正在尝试你的解决方案，但我不适合我 现在我有了这段代码 function startProgress() { $(this).parent().append(”); $(this).siblings(‘.progressbar’).show(); $(this).siblings(‘.progressbar’).progressbar({value: 0}); function updateProgress() { $(‘.progressbar’).each(function() { myNewValue = getNewValue($(this).parent().parent().attr(‘id’)); $(this).progressbar(‘value’, myNewValue); }); setTimeout(‘updateProgress’, 5000); } setTimeout(‘updateProgress’, 5000); } […]

循环播放动画时，只运行最后一个循环

这是我上一个问题的后续内容。 我有一个progressbar.js圈子，可以滚动动画。 如果只有一个圆圈，则按预期工作。 现在我想通过循环一个具有不同键值对的对象来创建许多这些动画圆圈。 例如： var divsValues = { ‘total-score-circle’: 0.75, ‘general-score-circle’: 0.80, ‘speed-score-circle’: 0.85, ‘privacy-score-circle’: 0.90, }; 对于每个键值对，键是div ID，值是告诉动画要走多远的数字。 下面是我尝试实现循环的代码，但问题是只有最后一个圆圈在滚动时动画 。 所有圆圈都显示在“动画前”状态，但滚动到底部时，只有最后一个圆实际上变为动画。 我需要每个圆圈在视口中进行动画处理。 //Loop through my divs and create animated circle for each one function makeCircles() { var divsValues = { ‘total-score-circle’: 0.75, ‘general-score-circle’: 0.80, ‘speed-score-circle’: 0.85, ‘privacy-score-circle’: 0.90, }; for (var i in […]

构建进度条以在显示之前加载所有内容

你好我真的尝试和搜索之前问…我试图使用jquery进度条，我发现了很多信息，问题是大多数的例子只是“动画”我的意思是，他们没有真正显示％，加载过程..我无法找到一种方法来做到这一点。 我试图使用这个http://www.htmldrive.net/items/show/791/Very-Beautiful-CSS3-And-JQuery-progress-bar 混合了这个问题的正确答案。 如何创建一个jQuery加载栏？ （就像在flash网站上使用的那些） 但我无法合并 $.when($.ajax(“video1.ogv”)) .then(function () { videoLoaded[1] = true; updateProgressBar(); }); $.when($.ajax(“video2.ogv”)) .then(function () { videoLoaded[2] = true; updateProgressBar(); }); $.when($.ajax(“video3.ogv”)) .then(function () { videoLoaded[3] = true; updateProgressBar(); }); var updateProgressBar = function() { // iterate though the videoLoaded array and find the percentage of completed tasks $(“#progressbar”).progressbar(“value”, percentage); } 所以我向你展示的CSS吧……真的显示了加载#main_content内容的％或像示例中的video。 […]

使用JQuery / JavaScript将按钮转换为进度条

我试图找出如何将按钮变为进度条。 例如，在一个引导按钮中，例如： Load 我目前正在使用经典的bootstrap进度条并通过JQuery setInterval刷新它： 是否可以将按钮变为进度条 – 因此前进的进度填充了实际按钮的背景，而不是使用单独的页面元素作为进度条？

导航进度条

我正在尝试建立进度菜单栏（类似于piccsy投资者的一个http://www.piccsy.com/investors/ ） 它测量页面的高度并进度％。 关于如何做的任何想法？ 谢谢，尼古拉。

如何在SoundManager2中添加歌曲进度条？

我正在尝试添加进度条以显示播放期间歌曲的位置。 它只需要一个简单的解决方案。 我在网上找到了一些代码，它使用SoundManager2 http://www.schillmania.com/projects/soundmanager2/function调整div宽度以匹配歌曲的位置，但它似乎没有工作，不确定我要去哪里错了，任何帮助将不胜感激。 我已经使用了所有必需的Soundmanager2文件和播放的歌曲工作。 这只是进度条的问题。 这是javascript： soundManager.setup({ url: ‘/swf’, preferFlash: false, waitForWindowLoad: true, onready: function() { var myTrack1 = soundManager.createSound({ id: ‘trackOne’, url: ‘https://stackoverflow.com/questions/18273444/how-to-add-a-song-progress-bar-in-soundmanager2/msamples/beep-1.mp3’, volume: 80, autoPlay: false,}); $(“.progBar”).css(‘width’, ((this.position/this.duration) * 100) + ‘%’); $(“li.a5 a”).click(function(event){soundManager.play(‘trackOne’);}); }, ontimeout: function() { // Uh-oh. SWF missing, Flash blocked or other issue } }); HTML链接使用此格式，进度条位于下方： Song1: Play […]

ASP.net进度条在异步操作期间通过jQuery ajax更新

我正在尝试为长时间运行的异步任务设置一个简单的html进度条。 问题是我试图触发回发来运行一些服务器代码并同时执行客户端点击事件来启动ajax轮询，这导致ajax调用中的错误返回。 这是我的jQuery和html代码： “use strict”; var PROGRESS; $(document).ready(function () { $.ajaxSetup({ type: “POST”, contentType: “application/json”, data: ‘{}’, timeout: 10000, converters: { “text json”: function (data) { var msg; msg = $.parseJSON(data); return msg.hasOwnProperty(‘d’) ? msg.d : msg; } } }); PROGRESS = { done: false, startProgress: function () { var _progress = this; $.ajax({ url: […]

在asp.net中使用进度条

我使用了这个链接中给出的例子 这是我的.aspx页面的代码 $(document).ready(function() { $(“#progressbar”).progressbar({ value: 37 }); }); 并且进度条的div就是这个 我试图按照源页面上给出的说明但没有任何效果。 你能告诉我我在这里失踪了吗？ 提前。 （修正了这部分。我在放置我的contntentplaceholder时犯了一个错误） 编辑：我怎么能以某种方式更改值，以便在按下按钮时动画…按钮的页面代码如下：