1回答
我使用imgProgress.js插件显示进度条与中心圆形图像。
我试过的
脚本
var myProgress = jqueryObj("#demo1").imgProgress(
{
img_url: "/Content/Images/BestManager/driver15.jpg",
size: 180,
backgroundColor: '#f3f7f2',
foregroundColor: '#ff0505'
浏览 2提问于2018-02-15得票数 0
回答已采纳
如何让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
2回答
请帮帮我。我需要一个关于IE中进度条问题的建议。它应该是动画的，如所示。我下载了jquery.backgroundpos.js，但它对IE来说仍然很奇怪。在chrome中，它的动画是水平方向的，在IE中是垂直的。这怎么可能呢？另一个问题-动画只在我们定义的一段时间内使用。我需要独立于时间的周期，只是用户行动。
浏览 3提问于2012-03-21得票数 0
回答已采纳
1回答
我正在尝试使用jQuery和javascript构建一个进度条。
它基本上就是一个酒吧
<div id="progressbar"><div id="progress"></div>
<div id="number">0%</div>
当你点击“下一步”按钮(不在这里)时，它会改变进度目录的宽度，并使用css3很好地对其进行动画处理，但我这里的问题是数字。我有5个屏幕，所以它们都是20%，我想要动画的数字，所以当条形越来越宽，数字闪烁通过所有数字，从0%到20%在同一时间，作为条形动画(
浏览 5提问于2010-08-11得票数 1
回答已采纳
3回答
我想在一个范围内显示值，但我被卡住了如何做到这一点。
这是我的Javascript：
$(".progressbar-count").each(function() {
$(this).progressbar({
value: parseInt($(this).attr("value"))
}), $(".progressbar-count .ui-progressbar-value").animate({
width: 0
}, 0).stop().animate({
wi
浏览 0提问于2011-12-23得票数 0
回答已采纳
有没有可能在不重新加载页面的情况下改变这个jQuery插件的动画速度？
function setPie(t) {
$('.pie_progress--slow').asPieProgress({
namespace: 'pie_progress',
goal: 1000,
min: 0,
max: 1000,
speed: t * 600,
easing: 'linear'
});
}
正如你所看到的，我试图将它的初始化封装在一个函数中，我在一些事件上
浏览 7提问于2018-01-18得票数 0
使用JQuery，我如何使页面变暗/淡入淡出，并在中间显示一个动画进度圆圈？我希望在用户填写表单并单击submit并等待响应时执行此操作。
浏览 0提问于2011-03-10得票数 2
回答已采纳
1回答
我有一个进度条，它在页面加载时显示动画，但我希望当用户向下滚动到它时，它会显示动画，因为它将位于页面的中间。现在，如果页面加载，用户看不到动画。
因此，基本上，动画应该暂停，直到用户向下滚动到某个点，一旦条形显示在视图中，动画就开始了。
这是我到目前为止的Javascript：
$(function() {
$(".meter > span").each(function() {
$(this)
.data("origWidth", $(this).width())
.width(0)
.animat
浏览 0提问于2012-11-09得票数 4
回答已采纳
我正在使用react引导ui库作为进度条。我想要它动画的进度条从0到70页加载。
我怎样才能做到这一点？
这是代码
Component.js
<ProgressBar
animated
now={70}
className="progress-bar"
/>
Component.style
.progress-bar {
width: 400px;
}
预期的OutPut:它应该在页面加载时从0动画到70。
浏览 2提问于2021-11-11得票数 0
回答已采纳
1回答
输入字段的背景作为处理条
、、、
我想在输入字段中实现一个处理器条。在用OK发送输入后，我想传输字段并显示一个短进程条。我还没有在jquery中找到任何现有的解决方案，但是如果有人知道一些事情.
这是我目前的解决方案，用于缩放1pxPNG。
我只想定义这样一个字段集，后面没有任何其他div：
<fieldset>
<input name="name" type="text">
</fieldset>
只需使用css和js完成进度栏。有没有更好的方法，也许不加载任何图像，实现一个进度条和动画？
编辑还没有js。该计划是动画(假的：)的进度与BG图像宽度。
浏览 1提问于2014-08-26得票数 0
回答已采纳
我需要为vue.js SPA应用程序添加一个预加载动画，同时在后台加载文件，使用SVG和进度条。因此，用户看到的不是空白屏幕，而是动画。像gmail加载动画或之类的东西谢谢你的建议
浏览 1提问于2019-02-07得票数 0
如何将动画gif放在进度自动完成搜索框中？
<script type="text/javascript">
$(document).ready(function(){
$('head').append('<link rel="stylesheet" href="/js/autocomplete/styles.css" type="text/css" />');
$('#search').autocomplete({
servic
浏览 0提问于2012-07-05得票数 0
2回答
我在一个项目中使用了Bootstrap动画进度条，但是我遇到了一个在IE10中使用动画的bug。当页面呈现进度条的宽度为10%时，5秒后宽度将增加到100%。动画的默认持续时间是2秒，但是当宽度增加时，动画的持续时间没有被有效缩放，动画速度增加了10倍。
我已经组装了一个来演示我的意思。有没有办法使动画速度与IE中的宽度成比例？
<div class="progress">
<div class="progress-bar progress-bar-striped active" role="progressbar"
浏览 7提问于2014-09-15得票数 1
我有这样的动画(anime.js示例)：
anime({
targets: '.selector',
opacity: 0.5,
translateX: 200,
duration: 1,
});
然后，我需要设置这个动画的进度取决于页面滚动位置(或任何用于滚动的js库)。
例如：
在20%的滚动中，必须设置为"opacity:0.9;transform:translateX(40px);"
关于50%的卷轴- "opacity:0.75;transform:translateX(100px);"
等。
我想避
浏览 2提问于2021-09-21得票数 0
说这个UI小部件不适合显示不确定长度的进度。
它建议两种备选方案之一：
一个不确定的progressBar，它“即将到来”。
旋转动画
我认为对公司/公司的价值有重大影响。换句话说，输入小部件。
这不可能是医生的意思。
使用jQuery，如何显示不确定的进度？
浏览 4提问于2009-12-23得票数 1
回答已采纳
我试图通过将动画对象直接映射到鼠标滚动来控制场景中的动画对象的移动。
期望的效果是场景中有一些对象在移动，但是场景的进度/运动与.scrollTop()距离直接相关。
所需的交互将类似于这个示例：，但是有一个three.js场景。
可以用.scrollTop()距离来控制three.js场景的定时吗？
浏览 8提问于2016-05-26得票数 0
回答已采纳
1回答
如何在加载后加载脚本
、、、
在onload加载程序动画完成后，我正在尝试使进度条加载(动画)，下面是一个指向正常动画的进度条示例的链接：
&下面是加载程序onload的一个示例：，在这个示例中，您可以看到进度条动画是如何正常工作的。
最初我以为进度条动画发生在onload加载器后面，但是如果我降低加载器的秒数，我可以看到进度条动画根本不起作用
任何帮助都是非常感谢的！
浏览 4提问于2022-09-06得票数 0
回答已采纳
我在Magento进度条上遇到了一些问题。在此，我使用Magento1.9在结帐页面上，当用户填写发货和计费信息后，单击“继续”后，用户可以同时看到“进度条中的托运和计费”。但当用户选择“发送方法/支付方法”时，用户无法在右侧进度栏上看到所选的“发货和支付方法”。
我所做的：
我已经查过checkout.xml和opcheckout.js了
我已经用新下载的magento替换了checkout.xml & opcheckout.js代码。
刷新缓存索引
我已经在checkout.xml和
在checkout/onepage/progress/shipping_m
浏览 5提问于2015-07-08得票数 0
回答已采纳
1回答
我刚刚制作了我的第一个边缘动画项目，并制作了一个奇特的进度加载器动画。在动画和测试项目中都能很好地工作。
当我把代码放到dev站点时，动画被加载到每个页面中，所以我用CSS隐藏了它。这似乎是默认的，它只是加载。
当需要我的动画时，我正在制作的动画是可见的，但是当动画显示在正确的位置时，动画已经在后台启动了。
我想知道我是否应该在配置中停止舞台自动播放，然后在JS中开始动画？如果是这样的话，我如何开始通过JS开始动画。
我一直在尝试使用AdobeEdge.bootstrapCallback()，但是项目已经在后台开始了。
浏览 0提问于2013-12-11得票数 3
2回答
我正在使用CSS动画制作一个进度条。
当用户单击按钮时，将添加一个searching类。
searching类的样式为CSS动画，耗时100秒钟。
因为这是一个搜索的进度条，有时搜索所需的时间将少于动画时间--此时我希望动画结束。我给添加了一个超时。
但是，是添加类以使进度栏100%宽度(动画的最终状态)无法工作的超时，不工作。浏览器仍然将进度条显示为动画使用的任何宽度，直到动画完成为止。
如何使用JavaScript，提前结束CSS动画？
浏览 3提问于2017-05-18得票数 1
回答已采纳
我有一个具有以下数据的可写存储
let array= writable({
skills: [{
id: 1,
name: "Wordpress",
knowledge: 0.9
},
浏览 2提问于2019-12-06得票数 5
回答已采纳
我有一个进度视图，其进度/宽度可以被动画化。这个动画是自己制作的。但是，在某些情况下，父视图更改其布局，并在进度条上方添加一个新视图。然后，进度视图向下移动，为新视图腾出空间。这也是动画。当两个动画都发生在iOS 13中时，进度视图向下移动，蓝色进度条的宽度同时被动画化。在iOS 14中，进度视图向下移动，但蓝色进度条也使用其动画来动画位置更改。在iOS 13中，它只用于动画宽度。这使得动画看起来好像进度条飞进进度视图，它是错误的，看起来很奇怪。
我用下面的代码复制了我在应用程序中的代码。此代码还用于录制视频。
struct MainView: View {
@State var t
浏览 4提问于2020-09-23得票数 0
1回答
滚动时执行动画
、、、、
我有一个带有引导的进度条，这是html：
$(".progress-bar").each(function () { // .each(function (i, item) work too!
var progressBar = $(this); // $(this) would work too
progressBar.animate({
width: progressBar.data('width') + '%'
浏览 2提问于2017-02-07得票数 1
1回答
当使用引导折叠插件时，我在元素面板中注意到有一个元素的内联高度属性动画。我希望删除这个(从实际的核心 Collapse.js / Transition.js插件中删除)，因为我使用的是纯CSS3动画/转换。
原因有两个: a/ I不需要它，b/它与我自己的动画冲突，元素首先扩展到脚本计算的高度，然后在15 is的停顿后折叠到高度: 100% (如我所愿)
我强调:我不想覆盖它，我想要完全删除它(请不要回答重写)
浏览 4提问于2017-02-03得票数 0
2回答
我正在尝试编写jQuery函数，这将使进度条的宽度从0%动画到XY%，同时，它还会增加数字(也从0%到XY%)。
到目前为止，我用的是Page.html
$('.progress-bar').each(function() {
var bar = $(this);
var value = $(this).find('.count');
bar.prop('Counter', 0).animate({
Counter: parseFloat(bar.attr('aria-valuenow
浏览 4提问于2017-08-03得票数 0
回答已采纳
我正在转换一个html模板到WordPress。我从functions.php页面使用wp_enqueue_script()。但是在第二次刷新页面后加载.js文件。我在主页上有进度条和顶部(链接到页面顶部)，它们不工作。请帮帮忙
我试过wp_deregister_script('jquery');，但它也不起作用
function loadjs(){
wp_deregister_script('jquery');
wp_register_script('juery', get_template_directory_uri() .
浏览 16提问于2019-07-19得票数 0
回答已采纳
在设置进度时，我试图平稳地动画查找栏，比如进度从1到2。
我尝试使用带有内插器的ObjectAnimator设置动画，但这只是通过进度点。将查找条的最大值设置为平滑滚动的高值不是一个选项。
我确实找到了setProgress - setProgress (int progress，布尔动画)的一个版本，它在连续的进度点之间按我喜欢的方式动画。
但是不可能像ObjectAnimator那样设置持续时间或自定义动画。
有什么解决方案，如何达到一个结果，我可以定制这样一个动画的属性？
浏览 0提问于2018-12-29得票数 2
1回答
当用户进入/加载页面时，我想将进度条从0动画化为数值。
我正在处理这里的示例：
<progress id="js-progressbar" style="direction:rtl;" class="uk-progress" value="50" min="0" max="100"></progress>
UIkit.util.ready(function () {
var bar = document.getElementById('js-pro
浏览 3提问于2018-05-03得票数 0
2回答
自定义角圆进度条SVG用户界面
、、、、
我已经从 github开发了循环进度条。
我目前的投入是：
我需要修改进度条的结束与一个小的圆和一个值中心的圆形进度条的真实动画值基于svg运动。我怎么能这么做？我真的需要你们所有人的帮助。
我的预期产出应该是：
我现在的片段：
angular.module('myModule', ['angular-circular-progress'])
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">&
浏览 7提问于2016-09-26得票数 0
我想访问fileupload.js的数据变量，这样我就可以添加额外的逻辑。比方说，当文件正在上传时，我想获取数据值，以便以不同的方式显示进度状态。这可以实现吗？感谢您抽出时间来回答这个问题。
浏览 1提问于2013-06-05得票数 0
我有非常简单的动画path元素。动画应用于stroke-dashoffset属性。我面临的问题是，在暂停动画之后，我无法获得动画进度。这是我的SVG代码和javascript，它们实际上除了暂停和开始动画之外什么也不做：
setTimeout(function(){
$('.svg')[0].pauseAnimations();
// get current stroke-dashoffset value ??
// $('#stroke')[0]['stroke-dashoffset'].animVal - it doe
浏览 6提问于2017-06-26得票数 1
回答已采纳
这是我的JSFiddle：https://jsfiddle.net/y6pnq7k5/3/ 如果代码太多，我很抱歉，我试着缩小了范围。 要查看的主要函数是generatorClicked()和progressBarAnimation()。 当你点击这些方框(例如火法术)时，我会看到一个进度条动画，它在div上移动。问题是，如果你垃圾邮件点击div，它会在开始时重新设置进度条，因为这是一个空闲的游戏，进度条应该不会受到影响，直到它完成了它的工作。我尝试过的一个解决方案是通过style禁用指针事件： var isClicked = true;
document.GetElementByID(th
浏览 34提问于2021-07-23得票数 0
回答已采纳
1回答
我试图用CSS和一些JS制作一个简单的页面加载进度条。我已经做了一个工作的css，但问题是条形图显示后，页面改变，当我希望它首先完成css进度条动画，然后加载下一页。
HTML动画代码：
<div class="progress-css"></div>
CSS动画代码：
:root {
--progress-duration: 0.8s;
--progress-height: 2.5px;
--progress-color: rgb(35,163,255);
--progress-color-ending: rgba(35,163,255
浏览 0提问于2021-01-01得票数 0
回答已采纳
当我正在进行的通知处于活动状态时，我正尝试在状态栏中显示与不确定进度条(不是水平进度条，而是圆形进度条)相同的动画图形。
我尝试查找对应于不确定进度条的资源ID，但发现它是通过代码生成动画的。
我尝试将Notification实例中的图标ID设置为GIF动画，但状态栏中只显示GIF的第一帧。
如果我将图标ID设置为android.R.drawable.progress_indeterminate_horizontal，，图形动画效果会很完美。所以，我的问题是-在这种情况下动画是如何实现的？通过iconLevel？如何设置动画图标，而不需要自己定期设置动画图标？
浏览 0提问于2011-04-13得票数 5
回答已采纳
1回答
动画引导进度条
、、、
我在进度条上使用带有jquery的动画有一些问题。我从数据库中检索一些百分比，并将其作为文本放在进度条div中，但我无法找到一种方法来更改动画属性中的基宽度。是否可以根据进度条的当前值更改进度的颜色(即：< 33% ->红色，< 66% ->黄色，否则绿色)？
console.log($(".progress-bar").text())
$(".progress-bar").animate({
width: $(this).text() //I want to get the value inside the progressb
浏览 1提问于2016-10-26得票数 2
回答已采纳
我有一个圆形进度条(健身跟踪器)，我想动画的“进度”与弹簧动画使用阻尼和刚度。不是普通的动画。
浏览 1提问于2021-08-07得票数 2
1回答
一次动画化一个进度条
、、、、
我有一些进度条在我的项目，动画在滚动。问题是，当第一次出现在视口时，它们都会出现动画。所以，我想要的是，当它们进入视口时，一次使一个进度条动画化。
JS
function isScrolledIntoView(elem)
{
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).heigh
浏览 1提问于2016-02-28得票数 1
回答已采纳
1回答
带有路径点的动画进度条
、、、、
当使用waypont.js滚动到进度条时，我试图触发它的动画
JS
function animateProgressBar(){
$(".meter > span").each(function() {
$(this)
.data("origWidth", $(this).width())
.width(0)
.animate({
width: $(this).data("origWidth")
浏览 0提问于2015-09-11得票数 0
回答已采纳
1回答
svg动画浏览器支持
、、、
我想深入到精彩的世界的.svg动画为我工作的网站。
我想做一个图标，在悬停上动画。我已经找到了多个教程，它们都可以帮助我，但是，我注意到实现svg动画有很多不同的方法。
我可以找到很少的信息是什么是最受支持的方式动画一个svg。它有js库吗？有生命的标签？css动画？
js库对我来说似乎是最好的，但我也喜欢使用css的想法。有人能告诉我更多关于这些方法的浏览器支持吗？
浏览 0提问于2016-09-22得票数 3
我想要一些模仿iOS中ValueAnimator在Android中的行为的东西。在正常情况下，我会使用UIView动画，但不幸的是，随着时间的推移，试图插值的对象值im并不适用于普通动画。
在我的特殊情况下，im使用了Lottie动画，并试图通过UIView动画改变动画的进度，但是动画没有随着时间的推移改变进度的值，而是跳到了最后的值。例：
let lottieAnim = ...
lottieAnim.animationProgress = 0
UIView.animate(withDuration: 2) {
lottieAnim.animationProgress = 1
}
浏览 3提问于2020-05-04得票数 1
回答已采纳
1回答
WPF动画启动画面
、、、
是否可以在WPF中显示具有动画的启动画面。我想要我的公司名称和应用程序的名称飞进来，和一个不断动画的进度条。我用了这个例子
尝试让我开始，但进度条没有动画吗？
另外，我在进度条上设置了以下属性。IsIndeterminate=“真”
我正在使用vb.net。
谢谢，spafa9
浏览 5提问于2010-09-09得票数 4
回答已采纳
3回答
有没有可能仅仅用CSS就能让HTML5进度元素动画化？我知道如何使用JS来做到这一点。我想知道只有CSS才能做到这一点。
<progress value="0" max="100"></progress>
浏览 0提问于2017-06-03得票数 2
我使用的是组件，并打开了动画。在当前行为中，当增加和减少进度时，动画都会工作。我有一个用例，我将进度从0缓慢增加到100，然后将进度重置回0并再次缓慢增加。当从100重置为0时，进度会向后移动，这会让我的用户感到非常困惑。
所需的行为是:当(逐渐)从0增加到100时设置动画，但在从100重置为0时不设置动画。
有人知道如何做到这一点吗？
浏览 6提问于2020-02-09得票数 2
回答已采纳
1回答
如何在three.js中制作动画进度条？我在这个问题上被困了一段时间了。我尝试使用html5视频播放器进度条方法。但它似乎不适用于3d动画。
var loader = new GLTFLoader()
loader.load( './resources/full_case/mymodel.glb', function ( gltf ) {
gltf.scene.scale.set(0.1,0.1,0.1)
gltf.scene.position.set(0,0,-150)
gltf.scene.rotation.set(0, Math.PI * 2, 0
浏览 1提问于2021-12-31得票数 1
回答已采纳
6回答
不使用图像显示进度
、、、
我想设计一个进度条，而不是使用图像(例如动画gif...)。仅仅使用html、css和jquery就可以做到这一点吗？在这里尝试有创意:)
更新:进度百分比无法确定，因此它必须是一个循环
浏览 1提问于2009-08-10得票数 4
我有一个能正确显示当前进度的LinearProgressIndicator。现在，我希望这个过程是动态的，我认为使用animateFloatAsState会非常简单。好吧，我不确定我没有弄懂什么，但是使用下面的代码，进度不是动画，而是立即显示在正确的位置。 @Composable
fun MyIndicator() {
val progressAnimDuration = 1500
val progressAnimation by animateFloatAsState(
targetValue = 0.35f
animationSpec =
浏览 32提问于2021-09-17得票数 2
回答已采纳
1回答
HTML加载动画
、、、、
我有一个网站，失去布局方案，而页面没有加载。
我想做的是有一个动画链接到加载进度，就像一个进度条，但没有条。
例如，一个简单的动画，它将进度与徽标的不透明度联系起来。因此，当页面加载50%时，徽标的不透明度为50%；当徽标为100%时，页面已加载，加载进度为.fadeOut()。
我知道我可以使用$(window).load()来隐藏动画<div>。我不知道如何将进度和动画的不透明性联系起来。
有没有一种“简单”的方法来实现这一点？
我已经搜索了jQuery plugins，但是我只找到了进度条加载。
浏览 5提问于2015-07-13得票数 4
1回答
角5-包括jquery插件
、、、、
目前我正在使用版本5。我必须安装一个名为“jQuery-循环往复”的插件，在这里可以找到：。
我已经通过npm安装了它，并将.js文件添加到.ange-cli.json脚本数组中。它似乎加载得很好，我可以通过浏览器控制台用jquery激活它，所以这个部分是可以的。
我只是不知道如何从组件内部运行它。我必须每隔一分钟更新这个进度条，所以我想在mycomponent.component.ts，中创建一个函数，它获取一些数据，检查它，并运行一些jquery来更新进度条。
我只是不能让这个进度条的功能在这里可用。它只是说“.circleProgress是不可用的”。
顺便说一句，我可以让jquery在
浏览 1提问于2018-10-08得票数 0
回答已采纳
我有一个进度条，从0-1.0连续动画。如果用户暂停应用程序，我将其设置为0。问题是，如果它们很快恢复，进度条就不会像它应该的那样转到1.0。
我知道(我很确定)这是一个问题的加倍动画。
我的进度在15秒内从0-1开始。
我停下来
我将进度栏设置为0并删除所有动画。
我马上恢复工作
进度不再填充后续动画的栏。
如果我等待>15秒才能恢复，那就没有问题了。
这是我的进度条的动画代码。
self.progressBar.layer.removeAllAnimations()
self.progressBar.progress = 0.0
s
浏览 1提问于2018-03-21得票数 2
我想用范围输入字段显示我的过渡动画的进度，但是我不知道每次属性/样式发生变化时都会触发一个事件，我可以听它不断地更新我的范围输入的值。我知道每个人都有(“结束”，.)每个(“开始”，.)但那些只有火的。我希望有一些东西触发过渡的每个部分(我相信这在D3.js中被称为t)。我尝试将范围输入的" value“属性作为动画的一部分进行更新，但这不起作用(我在HTML中看到了值更新，但滑块没有滑动)
circle
.attr('cx', xScale(0))
.attr('value',0)
.transition()
.durati
浏览 3提问于2013-11-04得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
