加载app前扑web app进度指示器？
嗨，我是一名移动应用程序开发人员，对Web开发不太熟悉，我正在寻找在加载像Gmail加载屏幕这样的flutter Web应用程序之前实现进度指示器的任何方法。Flutter web很酷，但在加载应用程序之前需要几分钟。我们可以为此加载持续时间添加任何指标吗？在flutter中实现的任何代码都将是flutter应用程序的一部分，它不起作用，应该有另一种方法来实现这一点。
共有3个答案
除了@Shahzad Akram的答案之外，您还应该删除＜code＞加载＜code＞div
import 'package:universal_html/html.dart'
...
@override
void initState() {
super.initState()
// Remove `loading` div
final loader = document.getElementsByClassName('loading');
if(loader.isNotEmpty) {
loader.first.remove();
}
}
附言：对于不错的装载机，您可以访问 loading.io。
在你的问题中，你提到
在flutter中实现的任何代码都将是flutter应用程序的一部分，它不会工作，...
我假设您尝试为android或IOS添加启动屏幕方法。由于flutter-web只是一个index.html和几个js文件（例如，main.dart.js），因此您可能应该尝试CSS加载动画技巧。由于您没有共享任何代码，我不会编写任何代码，但以下是我的方法，正如这个红色订书机视频所解释的那样。他/她在这里友好地提供了许多基于CSS的动画以及为此的代码页实现。
下面是我在flatter_web_project\web\index中的步骤。html文件。
- 在
索引的正文中添加一个span元素.html以显示css动画本身。 - 创建
div包装器以在索引.html中定位 span 动画。 - 然后收听窗口的
onLoad事件，并从页面中删除div元素或将其淡出，如视频中所述。
在@Abhilash的帮助下，我得以完成这项任务。我从w3schools获得了加载程序代码。
我的项目/web/index.html是这样的。
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script defer src="index.dart.js" type="application/javascript"></script>
<style>
.loading {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid blue;
border-right: 16px solid green;
border-bottom: 16px solid red;
border-left: 16px solid pink;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div class="loading">
<div class="loader"></div>
</div>
<script src="main.dart.js" type="application/javascript"></script>
</body>
</html>-
如果这看起来微不足道，我道歉。 我一直致力于我的第一个Android应用程序，并想就实现加载/飞溅屏幕附加的最佳方式提出建议。 我的设计师提出的是加载/启动屏幕，我不知道如何实现这一点。 我是否要求设计师创建一个。gif图像我可以直接播放或 请注意，自行车从左侧开始，然后继续向右行驶，带有进度指示器和百分比。 选项2是否可行？如果可以，请您给我指一下我可以用作指导的任何资源。 谢谢
-
主要内容：创建ProgressIndicator进度指示器()以动态更改饼图的形式显示JavaFX中的操作进度。以下代码显示如何使用不确定值创建。 上面的代码生成以下结果。 创建ProgressIndicator 以下代码通过传递值来创建。 可以使用空构造函数创建没有参数的进度指示器。然后可以使用方法分配值。 如果无法确定进度，可以在不确定模式下设置进度控制，直到确定任务的长度。 以下代码显示如何创建一个完成25％的。 上面的代码生成以下结果。
-
预加载 Modal 用来提示一些后台活动（像Ajax请求）和阻止在这个活动期间的任何用户操作。 打开预加载 modal 我们也需要调用适当的App方法: $.show预加载([title])- 显示 预加载 modal title - string. Optional. 预加载 modal 标题. 默认（没有指定）的时候，它等同于 "Loading...". 你可以在App初始化时通过 modal
-
Framework 7 提供了一个好用的加载指示符。 这个加载指示符使用SVG绘制，并使用CSS来进行动画，可以很方便的改变它的大小。 如果你需要的是一个Modal(popup)的加载指示符，请查阅Modal章节：Modal Preloader，Modal Indicator 加载指示符有2个颜色供选择：其中一个颜色是配合亮色背景，另一个颜色配合暗色背景，默认的是亮色背景。使用加载提示符非常简单，
-
问题内容： 当使用AngularJS并使用新页面进行重定向时，加载会花费一些时间，尤其是在移动设备上。 有没有一种方法可以添加进度条进行加载？也许像YouTube这样的东西？ 问题答案： 对于YouTube一样的进度条，您可以查看ngprogress。然后，例如，在配置好应用程序之后，您就可以拦截route的events。 并执行类似的操作：
-
我正在尝试创建一项服务，该服务将允许我： 将文件上传到Azure blob存储 返回进度 重试失败时 成功时调用我的服务保存文件路径 为了实现这一点，我开始按照本教程中的媒体。我已经能够在存储器中保存文件并返回当前进度。 当我想调用保存了文件路径的服务时，问题就来了。 我已经看了下面的内容来尝试解决如何实现这一点，但是没有成功地发出多个http请求，rxjs文档会发出后续的http请求。 我正在努