根据取值范围动态更新引导进度条背景颜色的jQuery代码

文章/答案/技术大牛

发布

1回答

jquery、twitter-bootstrap、progress-bar、background-color

我正在尝试编写jQuery代码来根据进度条的宽度更新引导进度条的背景色。因此，例如，如果它低于50%，则条形图应为红色。如果它在50-70%之间，进度条应该是黄色的，如果它高于70%，它应该是绿色的。我需要代码来获取进度条的值，并在这些范围内签入并更改背景。progressb

浏览 4提问于2018-07-26得票数 0

3回答

引导进度条背景色问题

html、css、twitter-bootstrap

我的手风琴面板里有引导进度条。我想改变进度条的背景颜色。但它采用的是手风琴面板的背景色。当我给出静态值时，它采用背景色，而不是用较少的变量。ng-style="width:50%"> </div> <

浏览 10提问于2015-07-25得票数 0

1回答

反作用引导进度条计算颜色

reactjs、progress-bar、react-bootstrap

如何动态地设置进度条背景色？} 每个进度条最终都有一个计算出来的

浏览 1提问于2020-08-04得票数 0

回答已采纳

3回答

进度棒的动态着色

javascript、jquery、html、css、twitter-bootstrap

我已经创建了一个带有引导进度样式的表，其中我有一个动态表，其中有一个名为Rank的列，该列包含从1开始到100之间的几个值，通过使用jquery和bootstrap，我已经将这些值转换为进度条，如小提琴中所示该代码工作良好，但问题是颜色，目前它将显示所有的蓝色，实际上我想要不同的颜色根据进度计数值，如10 -黄色，20 -blue，35 -红色等，重复的颜

浏览 3提问于2015-06-02得票数 4

回答已采纳

2回答

实时进度指示器

javascript、jquery

在下面的代码片段中，我试图根据从Web服务回调函数检索到的项数来设置DIV的宽度。+= '</tr>'; 如上面的代码所示，在执行for循环之后，我只看到用背景颜色填充的divProgressInd

浏览 0提问于2012-03-23得票数 0

2回答

使用css根据数值对文本进行着色

html、css

我想使用css根据它的值给文本上色。我不想根据值在模板中添加任何类。我找到了这个链接：，但它还不够，因为我有太多的值需要应用颜色。此外，我希望它在将来添加新值时更具可维护性。

浏览 3提问于2015-08-04得票数 7

1回答

如何在PHP bootstrap中进行延迟1秒的数据库查询时动态更新进度条？

php、jquery、twitter-bootstrap

根据主题，我希望在执行每个SQL insert语句时更新一个进度条，其间的延迟为1秒。我该怎么做？我这里有静态引导程序代码，但无法使其动态更新……我尝试使用下面的代码创建一个概念证明代码，尝试执行一个循环，但它显示5个进度条，而不是1个不断更新的进度条。下面是我尝试过的代码： <div class=&qu

浏览 1提问于2014-11-20得票数 0

1回答

使用ProgressBar.setProgressDrawable时的颜色问题

android、progress-bar

我在列表的元素中添加了进度栏，并动态地更新了进度栏。但是我面临的奇怪情况是..当我的列表中有多个元素，并且我使用Progressbar.setProgressDrwable(),更改了进度条的颜色时，列表中的所有进度条都会更新，它们的颜色也会根据需要进行更改。但是当我在列表中只有一个元素时，这个方法就不起作用了，我只能看到进度条

浏览 0提问于2011-06-27得票数 2

回答已采纳

1回答

Matlab:在GUI窗口中添加动态更新的进度条

matlab、matlab-figure

我正在尝试在GUI中添加一个动态进度条。我注意到有一些可用的解决方案()。我的方法基于创建两个不同颜色的面板，一个用于背景，另一个用于前景(即进度条)。我的代码如下：%Note: bgPogressBar is theb

浏览 20提问于2018-12-14得票数 1

回答已采纳

1回答

如何为图像的css边框分配动态颜色？

html、css、angular、typescript

此时，它会更改滑块组件的背景色。如何将动态颜色分配给图像边框等其他对象？我想要动态颜色的地方 <ion-img [src]="item.src"></ion-img>边框颜色应根据离子范围中<em

浏览 14提问于2019-07-24得票数 0

回答已采纳

2回答

查找N个不同的RGB颜色

colors、rgb

我试图以图形方式显示N条线的图形，并试图找到一种方法，根据我有多少条线来动态分配不同的颜色。RGB的取值范围从0到1。我不能使用白色，因为背景是白色的。有谁知道为索引分配RGB值的好方法吗？我也有一个不透明度值可以使用。

浏览 0提问于2010-01-27得票数 10

回答已采纳

2回答

获取动态背景色，应用于使用较少的单独元素

javascript、twitter-bootstrap-3、less、glyphicons

这里有很多关于使用更少的颜色的动态更新的讨论，例如：。但我还没有看到一些能具体解决我的挑战的东西。我们公司提供的网络软件，使用户在用户界面上具有广泛的灵活性，包括整体背景色。但是，有一些元素他们不能改变，需要有一个背景颜色，以提供适当的用户体验(cf )。我的引导糖图标问题 --当然也欢迎一个答案)。我希望找

浏览 5提问于2016-03-18得票数 0

回答已采纳

2回答

根据DIV的宽度更改DIV背景色

javascript、jquery、html、css

我希望使用jQuery来根据<div>属性width值动态修改<div>的背景色。使用的是某种形式的彩色编码仪表，它指示一个设备在特定类别(有5)中表现得有多好(或差)，然后有一个“总体”类别，它根据一些数学(将所有5加在一起并将答案除以5)来生成总分。，一种是基于我所掌握的小jQuery知识，另一种是根据这个答案改编的。这两者都包含在我提供的</e

浏览 0提问于2013-11-30得票数 2

回答已采纳

4回答

如何在运行时更改引导程序(twitter)进度条的颜色

javascript、css、twitter-bootstrap

我正在使用这个进度条：我已经尝试过了： <div id=

浏览 0提问于2012-03-31得票数 14

7回答

如何显示大于100%的进度条

jquery-ui、progress-bar

我想使用jquery ui进度条显示每日总数的百分比。在我的例子中，您实际上可以遍历分配的总数。(因为我展示的是完成一定距离的百分比，你实际上可以超过所需的距离。这个工具是否支持大于100%的值，或者是否有其他gui工具可以做这类事情？

浏览 32提问于2010-05-01得票数 11

回答已采纳

1回答

动态CSS3-进度条-rails

ruby-on-rails、ruby、ruby-on-rails-3、ruby-on-rails-3.1、ruby-on-rails-3.2

) %> var url = '/cluster/data.json?database=<%=@database%>'; def data authorize!

浏览 2提问于2013-05-28得票数 1

2回答

向下滚动时，将内容隐藏在透明的固定导航栏下。

javascript、jquery、html、css、twitter-bootstrap

问题:我有一个透明的固定肚脐，有一些空白(边缘顶部)和以下的内容，这是位于肚脐下，而在全球范围内滚动。问题是导航条是透明的，页面的背景是不同图像的动态幻灯片，所以我不能通过改变背景颜色或将图像与背景相同来使用z索引来隐藏它。结论：我正在使用引导程序

浏览 3提问于2015-11-23得票数 1

1回答

简单表单-复选框

ruby-on-rails、checkbox、simple-form

，当用户提交表单时，将使用colors_serches记录创建一个新的搜索记录(所选的每种颜色一条)。谢谢你的想法，米洛斯拉夫下面的代码应该完成我正在寻找的大部分解决方案，剩下的唯一部分是：根据Color字段为每个生成的标签动态设置背景颜色模型颜色有一个属性:十六

浏览 0提问于2016-01-14得票数 1

回答已采纳

1回答

修改Visual 2013和ASP.NET MVC5中的引导样式:这是一种合理的方法吗？

asp.net-mvc、twitter-bootstrap、visual-studio-2013

我有一个简单的ASP.NET MVC 5项目，在Windows8上使用Visual 2013。我是新来的。以下是一种合理的方法(我已经尝试过，而且效果很好)：根据需要修改variables.less中的值。运

浏览 4提问于2014-08-03得票数 2

4回答

jQuery UI:如何更改ProgressBar的颜色？

jquery、jquery-ui、progress-bar

我设置了一个简单的jQueryUI进度条： $(function() { value: 35 });现在，我想根据<

浏览 1提问于2009-09-25得票数 38

回答已采纳

点击加载更多