构建步骤进度条(css和jquery) - 腾讯云开发者社区

文章/答案/技术大牛

发布

7回答

构建步骤进度栏(css和jquery)

jquery、css、progress-bar、multi-step

你已经在像paypal这样的网站上看到过这种进度条的迭代。如何使用CSS和jquery进行设置？我有4页，每页都是一个步骤…所以有4个步骤。

浏览 4提问于2011-03-07得票数 62

3回答

使用jQuery / CSS模拟此进度条示例

jquery、asp.net、css、progress-bar

我想开发一个进度条，如下所示：(取自)谁能给我指个正确的方向，告诉我从哪里开始？

浏览 3提问于2012-09-21得票数 1

2回答

jQuery:每单击一次进度条

jquery、progress-bar、progress

因此，我试图创建一个进度条，它将显示用户当前的步数，以及一个基于用户单击"next“或"back”的进度条，该进度条将填充或取消填充。这是我的jQuery： var barWidth = $('.barWrap').width(); $("#stepNum").text(prevValue);

浏览 5提问于2016-04-20得票数 0

回答已采纳

1回答

通过Ajax加载页面时，JQuery移动版不显示进度条

jquery-ui、jquery-mobile

我正在使用JQuery手机构建一个应用程序，其中我显示了一个进度条，以指示用户基于完成的步骤的进度。对于进度条，我使用了JQuery UI，它很容易实现 $(document).ready(function(){ $('#percentage').text(formProgress); <

浏览 1提问于2012-05-21得票数 1

回答已采纳

2回答

Jquery each循环:如何集成到进度条javascript代码中

javascript、jquery、progress-bar

我发现了这篇关于用javascript创建进度条的很棒的帖子：它对我来说工作得很好，除了一段我无法集成的代码。因此，如果进度条从10%跳到80%，那么它就有点违背了进度条的目的。我想要做的是将this each循环的每次迭代视为步骤部分中的匿名函数。因此，最终的目标是，除了将每个已经定义的函数作为一个步骤进行计数之外，我的each循环的每个迭代都将作为一个步骤进行计数，您对如何做到这一点有什么想法？我试着把.each循环放进去，但是没有成功。

浏览 0提问于2011-11-04得票数 1

回答已采纳

2回答

如何在使用css变换时更改父div的高度？

javascript、jquery、css

我有一个关于CSS转换的问题。在转换过程中，我需要更改父div相对于子div的高度。我正在使用CSS，它有一些步骤，当用户单击继续时，这些步骤从右向左滑动(Magento of checkout with进度条)。问题是，父容器.opc的高度为970px，但是附加步骤的高度不同，因此我需要找到一种方法来使父.opc更改高度，以适应其余步骤的大小。有没有办法使用jQuery或Javascript，也许是纯CSS来影响高度？我在考虑<e

浏览 1提问于2014-06-03得票数 0

1回答

Jquery进度条，需要在表单提交后显示(php和jquery)

php、jquery、jquery-ui、progress-bar

我遇到了一个涉及Jquery进度条和PHP的问题。这就是情况，3)当页面加载Jquery进度栏时，进度条会增加进度。到目前为止，我已经安装了jquery进度条，但它只在页面加载时出现，而不是在加载过程中出现。这是我的源代码示例数据表包含将要加载的数据，然后，数据

浏览 1提问于2012-06-14得票数 1

1回答

前端从Javascript加载图像

plugin-development、jquery、wp-enqueue-script、paths

在我正在构建的插件中，我在图像路径上得到了404个错误。jQuery('#test&#x

浏览 0提问于2012-04-20得票数 0

回答已采纳

1回答

用jquery计算每个列表项的宽度

javascript、jquery、css

我需要一个新的jquery函数来完成这一行CSS现在所做的工作：我创建的jquery代码不起作用：result = parseInt(100) / parseInt(count); $( "#progressbar > li&

浏览 1提问于2014-05-16得票数 0

回答已采纳

2回答

如何获得恒定的动画速度？

jquery

如何获得恒定的动画速度？$( "#progress20").animate({"width": "0"}, 40000);

浏览 0提问于2016-03-20得票数 1

回答已采纳

1回答

如何仅在登录时从magento的一个页面中删除结帐进度条

magento、checkout、progress

我在一个项目中工作，客户只想删除登录或注册屏幕上的进度条，我的意思是'opc- login‘步骤。if(checkout.accordion.currentSection=='opc-login'){ alert('at login&#

浏览 1提问于2014-04-10得票数 0

2回答

将多个div(类)绑定到角的动态值

angular

在td内部，我想使用步骤进度条，它根据获取的值动态变化。我可以在td中放置步骤进度条，但是它是静态的，我不知道如何绑定这个步骤进度条，dynamically.Accepted和拒绝是获取的值。以下是它的外观： [class.bluedot]="use

浏览 0提问于2018-09-05得票数 1

回答已采纳

2回答

带有jquery移动百分比的进度条

javascript、jquery、jquery-mobile、progress-bar

我正在尝试使用jquery mobile开发一个移动应用程序，因为我正在使用web服务进行工作。我想让它显示一个进度条与完成百分比。

浏览 1提问于2013-01-02得票数 4

回答已采纳

3回答

带有JQuery的预加载器或带有jQuery进度条的高级页面加载行为

jquery、html、jquery-ui、jquery-plugins、preloader

我们有一个jQuery进度条。有没有一种方法，我们可以有一个进度条显示加载的超文本标记语言页面，其中包括PHP，CSS和JavaScript和所有的？如果没有进度条，我们可以用jQuery做一个预加载器吗？

浏览 2提问于2010-08-29得票数 3

回答已采纳

3回答

Bootstrap进度条进度

javascript、jquery、html、twitter-bootstrap、progress-bar

我正在使用bootstrap来创建我的网站，并且我正在尝试使用进度条。我尝试做的是在PHP中完成一个函数(我有10个函数要做)之后，我将进度提高了10%。class="progress progress-striped active"></div> 上面是我对引导进度条的

浏览 0提问于2013-08-30得票数 10

回答已采纳

4回答

Jquery不会加载

c#、jquery、asp.net

我现在正试着展示一个简单的进度条： <title></title> <link href="css/smoothn

浏览 3提问于2014-02-28得票数 0

回答已采纳

1回答

根据Visual Studio2010，jQuery函数“未定义”

c#、javascript、jquery、asp.net、jquery-ui-progressbar

这可能是一个关于jQuery UI和Javascript的非常简单的问题，但我仍然在摸索这些语法。每当我的C# (ASP.NET)程序在不同函数中达到某个点时，我都会尝试更新jQuery进度条。我可以在我的页面上看到空的进度条，但是我不能让它更新它的进度。> <link href="Content/themes/base/jquery.ui.progressbar.css" rel="stylesh

浏览 0提问于2012-07-13得票数 0

3回答

移动进度条

jquery、html、css、jquery-mobile、progress-bar

我正在搜索进度条(或没有拇指的滑块，这将不会启用交互)。我想在iOS/Android/ jQuery mobile的HTML5项目中使用它。在移动浏览器上，目前不支持。有没有人有代码或者知道某个插件(我不想仅仅为这个元素集成jQuery UI )

浏览 1提问于2013-05-24得票数 4

回答已采纳

1回答

jQuery UI进度栏主题不工作吗？

jquery、progress-bar

我下载了进度条组件jQuery UI，以便可以向页面添加进度条。我想要一个特定的主题，该网站允许您下载带有主题的组件。我选择了“开始”主题(带波浪的蓝色)。它下载了一个示例文件以及一个css文件夹，其中包含css文件夹中的所有图像。当我运行该示例时，我看到了正确的进度条：所以我看一下html，它包含了这个示例页面的以下内容： <link type="text/css" href="css

浏览 1提问于2011-05-26得票数 0

回答已采纳

5回答