progress-bar 相关问题

进度条是图形用户界面中的组件，用于传达任务的进度，例如下载或文件传输。

继续 CSS 动画循环

我有一个动画进度条，我使用animation-iteration-count CSS属性来指定百分比进度。因此，如果进度应该为 50%，我设置animation-iteration-count: 0.5。开

css css-animations progress-bar

回答 1 投票 0

如何在R中的dplyr链内添加进度条

我喜欢 dplyr 的“progress_estimated”功能，但我不知道如何让进度条在 dplyr 链内工作。我在此处的底部放置了一个带有代码的可重现示例。我有一个...

r progress-bar dplyr

回答 3 投票 0

显示正确的上传进度

我正在使用 XMLHttpRequest 将 400-500k 文件 POST 到相对较慢的基于 ESP32 的服务器。上传需要几分钟时间。 ReadyState 4 的 onreadystatechange 事件按预期在最后触发。

http post upload progress-bar

回答 1 投票 0

在“产生流”监听器中设置状态时如何强制有状态小部件重绘？

我想要实现的目标并不是什么疯狂的事情，但我连续几天都在扯头发。我基本上想实现以下目标：一个长时间运行的进程可以进行互联网访问和数据处理

flutter widget progress-bar yield

回答 1 投票 0

上传进度条无法与 Nginx 配合使用

我遇到上传进度条问题，通过 Nginx 上传文件时该进度条不会更新。进度条无法反映任何进度更新，在整个上传过程中一直保持在 0%...

nginx file-upload xmlhttprequest progress-bar buffer

回答 1 投票 0

带有样式组件的进度条样式

我有这段代码，不知何故，唯一有效的样式只是外观：无；我正在关注本教程：https://blog.campvanilla.com/building-a-progress-bar-component-using-reactjs-styled-

reactjs typescript progress-bar styled-components

回答 1 投票 0

带有样式组件的进度条样式 - React/TypeScript

我有这段代码，不知何故，唯一有效的样式只是外观：无；我正在关注本教程：https://blog.campvanilla.com/building-a-progress-bar-component-using-reactjs-styled-

reactjs typescript progress-bar styled-components

回答 1 投票 0

alive_progress 栏在 PyCharm 上不起作用

我正在尝试在 PyCharm 上使用 alive_progress alive_bar，但它仅在整个过程完成后才出现在控制台中。相反，我希望它随着 for 循环的运行而显示并进展......

python pycharm console progress-bar

回答 2 投票 0

尝试在进度条动画完成后触发事件后S...</desc> <question vote="0"> <p>我成功使用下面的 HTML 代码在我们的 LMS 中触发完成事件。</p> <pre><code> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Post-Survey: Workplace</title> <script> window.addEventListener('message', e => window.evolve = e.ports[0]); </script> </head> <body class="htmlNoPages"> <center><iframe src="https://docs.google.com/forms/..." onLoad="evolve?.postMessage('completed')" style="border:none;" height="1000" width="800"/></center> </body> </html> </code></pre> <p>我们正在尝试使用在页面加载时启动的进度条创建相同的触发器，并找到下面的代码示例来帮助入门，但我不知道如何让进度条的末尾同样触发。有人可以帮忙吗？</p> <pre><code><!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <body> <div class="w3-container"> <div class="w3-light-grey"> <div id="myBar" class="w3-container w3-green" style="height:24px;width:0%"> </div> </div> <p id="myP">Added <span id="demo">0</span> of 10 photos</p> <body onload="move()"> </div> <script> function move() { var elem = document.getElementById("myBar"); var width = 0; var id = setInterval(frame, 50); function frame() { if (width >= 100) { clearInterval(id); document.getElementById("myP").className = "w3-text-green w3-animate-opacity"; document.getElementById("myP").innerHTML = "Successfully uploaded 10 photos!"; window.addEventListener('message', e => window.evolve = e.ports[0]); document.addEventListener("load", "evolve?.postMessage('completed')") } } } </script> </body> </html> </code></pre> <p>我尝试了几次组合这些代码的迭代，但没有成功。</p> <p>理想情况下，删除任何有关上传照片的文本，我们只会有一个进度条，该进度条在页面加载时开始，并在完成加载时执行与 iframe 代码相同的结果。</p> </question> <answer tick="false" vote="0"> <p>由于文档已加载，因此您无法调用 <pre><code>evolve?.postMessage('completed')</code></pre> 作为 <pre><code>load</code></pre> 事件的处理程序。相反，直接运行它。（无论它做什么）</p> <p><pre><code>window.evolve.postMessage('complete')</code></pre></p> </answer> </body></html>

我成功使用下面的 HTML 代码在我们的 LMS 中触发完成事件。后S...</desc> <question vote="0"> <p>我成功使用下面的 HTML 代码在我们的 LMS 中触发完成事件。</p> <pre><code> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Post-Survey: Workplace</title> <script> window.addEventListener('message', e => window.evolve = e.ports[0]); </script> </head> <body class="htmlNoPages"> <center><iframe src="https://docs.google.com/forms/..." onLoad="evolve?.postMessage('completed')" style="border:none;" height="1000" width="800"/></center> </body> </html> </code></pre> <p>我们正在尝试使用在页面加载时启动的进度条创建相同的触发器，并找到下面的代码示例来帮助入门，但我不知道如何让进度条的末尾同样触发。有人可以帮忙吗？</p> <pre><code><!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <body> <div class="w3-container"> <div class="w3-light-grey"> <div id="myBar" class="w3-container w3-green" style="height:24px;width:0%"> </div> </div> <p id="myP">Added <span id="demo">0</span> of 10 photos</p> <body onload="move()"> </div> <script> function move() { var elem = document.getElementById("myBar"); var width = 0; var id = setInterval(frame, 50); function frame() { if (width >= 100) { clearInterval(id); document.getElementById("myP").className = "w3-text-green w3-animate-opacity"; document.getElementById("myP").innerHTML = "Successfully uploaded 10 photos!"; window.addEventListener('message', e => window.evolve = e.ports[0]); document.addEventListener("load", "evolve?.postMessage('completed')") } } } </script> </body> </html> </code></pre> <p>我尝试了几次组合这些代码的迭代，但没有成功。</p> <p>理想情况下，删除任何有关上传照片的文本，我们只会有一个进度条，该进度条在页面加载时开始，并在完成加载时执行与 iframe 代码相同的结果。</p> </question> <answer tick="false" vote="0"> <p>由于文档已加载，因此您无法调用 <pre><code>evolve?.postMessage('completed')</code></pre> 作为 <pre><code>load</code></pre> 事件的处理程序。相反，直接运行它。（无论它做什么）</p> <p><pre><code>window.evolve.postMessage('complete')</code></pre></p> </answer> </body></html>

javascript html progress-bar

回答 0 投票 0

使用 Microsoft.XMLHTTP 和 progres VBA 将文件上传到 Azure Blob 存储

我正在尝试使用 VBA for MS Access 中的 Microsoft.XMLHTTP 将文件上传到存储并进行进度跟踪。没有进度跟踪的上传工作正常，但我需要有进度跟踪，

vba azure xmlhttprequest azure-blob-storage progress-bar

回答 1 投票 0

在 Compose 中的新屏幕导航期间显示进度条

在 stackoverflow 中，我可以找到许多有关如何在屏幕中运行进程时在屏幕内显示进度条的示例，但我没有找到在屏幕之间显示进度条的示例。我有一些

android-jetpack-compose progress-bar

回答 1 投票 0

无法以编程方式将进度设置到进度栏

大家好我面临进度条进度的问题，我正在尝试更新进度条上的进度，但由于某种未知原因它始终显示 100% 或更高的值。下面是...