2回答
有没有办法让进度条平滑地增加？我有一个带有按钮的进度条，可以在条上加减10个点(10%)当然，当按下按钮时，条‘剪辑’到了新值，有没有办法让它平滑地增加，然后再进行剪辑？
编辑：
$(function(){
var progress = $('#progressBar').progressbar({
value:50
});
$('#upBtn').click(function(){
progress.progressbar('value', progress.progressbar('value') + 10)
浏览 1提问于2012-02-29得票数 1
回答已采纳
1回答
我正在编写一个MVC 5视图，它需要使用进度条，并且不确定最佳的方法。我希望在以下资源中使用Bootstrap 3进度条：
在资源页上有以下消息：
Cross-browser compatibility
Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not
浏览 0提问于2015-01-07得票数 0
回答已采纳
在div内部的数据处理过程中，我有一个动画进度条的功能。进度条div位于dataprocess.php(父页面)中，进程在调用页面generate.php的iframe中完成。我在dataprocess.php中的进度条函数如下所示：
function progressBar(percent, element)
{
var progressBarWidth = percent * ($(element).width()) / 100;
progressBarWidth = progressBarWidth-10;
$(element).find('div'
浏览 2提问于2013-10-22得票数 0
回答已采纳
在浏览了W3Schools之后，我仍然不确定这是否可能。
这个想法是让div成为一个进度条。(是的，我知道jQuery UI的进度条。)我希望它开始时100%填充一个背景图像，但超时有它填充从0%/100%到100%/0%。
我看到可以使用css：指定多个背景图像
但我不确定如何将这种逻辑扩展到只有%宽度。有什么想法吗？谢谢
浏览 1提问于2012-03-09得票数 1
回答已采纳
1回答
在我的网站上，我有一个YouTube风格的进度条(一条固定在屏幕顶部的细线，从左到右加载)和所有内容的标题。这两个元素都有position: fixed。
加载完页面后，进度条将获得opacity: 0。进度条有transition: opacity 0.4s，但是没有过渡，只是出现和消失了。这是我的问题。
下面是这个问题的一个例子：
理想情况下，任何解决方案都需要更改.loader-outer或.loader中的CSS .不是#loader-wrapper。这是因为我引入了一个外部进度条组件(我使用的是React)，如果没有必要，我宁愿不重新实现它。
谢谢!
浏览 0提问于2017-09-06得票数 1
2回答
我目前正在开发一个汽车相关的网站，其中我想创建一个非常时尚的进度条与javascript (而不是flash)。我希望它看起来像一个速度指示器，就像这样：
所以我在谷歌上搜索了几次javascript条，但都只找到了简单的水平条。
你知道我该怎么做吗？
浏览 1提问于2010-08-11得票数 0
2回答
可能重复：
我想动画的进度条上的页面从0%，说60%.Please找到我的小提琴下面。我尝试过使用css转换属性，但无法实现。
我已经使用Jquery实现了它。请找到下面的小提琴。
我想知道是否可以只使用CSS3解决方案？如果不是，CSS3动画不能在页面上加载吗？有人能清楚地解释为什么CSS强迫等待页面中的事件，例如，悬停或点击动画发生，而不是让它在页面加载时工作？
谢谢
浏览 1提问于2012-07-09得票数 2
回答已采纳
大家好，当我运行以下代码时，进度条不显示
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
</head>
<body>
<div class="progress">
<div class="progress-bar"
浏览 1提问于2014-01-09得票数 0
1回答
我在编码方面不是很先进。我正在寻找一种简单的方法来创建一个带有html & css的进度条，看起来像这样(不需要动画)。
有人能帮我写密码吗？
谢谢马格斯
浏览 4提问于2022-09-21得票数 -1
我的问题是，当我使用一个堆叠的进度条和部分太小，里面的文字是切的。使用min-with破坏进度条。有办法解决这个问题吗？
<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped" style="width:1%;">
<span style="color:black">Long long text</span>
</div>
&l
浏览 7提问于2015-04-22得票数 1
回答已采纳
2回答
我正在尝试给我网站上的进度条赋予一个很好的风格(它们都使用jQuery UI)。我希望它看起来像这样：(下面有一个很好的斜角效果和一个很好的进度指示器)
我试着用CSS3来获得这样的东西，但我就是找不到一个好的方法，我尝试的东西并不是真的很漂亮，甚至看起来都不像上面的图片……
这是我的尝试： ..。
有什么想法吗？
浏览 0提问于2012-08-29得票数 1
回答已采纳
2回答
我有计时器功能，有进度条。它工作得很好，但我想做一个平滑的进度条动画，与60帧每秒
function started(duration) {
var TotalSeconds = 40;
var documentWidth = $(document).width();
var start = Date.now();
var intervalSetted = null;
function timer() {
var diff = duration - (((Date.now() - start) / 1000) | 0);
浏览 1提问于2015-06-29得票数 4
回答已采纳
我有一个脚本，它创建了一个进度条，并且是CSS的样式。它工作得很好，但是一旦条形图到达终点，它就停止了，我无法让脚本循环，以便它重新启动。我如何循环这个脚本，以便进度条在到达结束时重新启动？
<script type="text/javascript">
$(document).ready(function() {
var el = $(''#progress'');
el.animate({
width: "100%"
}, 40000);
});
</script>
<style>
#p
浏览 4提问于2013-09-25得票数 0
回答已采纳
我正在使用Twitter Bootstrap。
在某个javascript函数中，我将数据发送到web服务，而web服务又将数据保存到数据库中。
我想显示AJAX操作正在进行中。如何显示实时进度条，并且最好显示实时进度？
有什么想法可以做到这一点吗？
浏览 2提问于2013-07-11得票数 0
我没有使用javascript的经验，所以我想知道是否有人知道可以使用我的进度条的脚本。
我将它设置如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
progress {
width: 100%;
height: 5px;
top: 0;
left: 0;
position: absolute;
color: #1990c8;
appearance: none;
-webkit
浏览 1提问于2013-08-11得票数 1
2回答
我试着创建一个简单的进度条。当进度条上的动画完成时，我需要得到一个事件/执行动作(100%的宽度被绿色填充)。
HTML -
<button>Go</button>
<p>Waiting</p>
<div id="bar" class="progress-bar">
<div class="progress-bar-fill"></div>
</div>
CSS -
.progress-bar {
background-color: #
浏览 6提问于2013-11-25得票数 0
回答已采纳
2回答
添加元素的进度条
、、、
我必须在网页中建立一种进度/计数器/米栏。
基本上，我将从JSON获取数据(在本例中为500小时和可用小时数，在示例中为400小时)，并相应地加载条形图。
我尝试过调整jqueryUI和引导进度条，但是我在实现循环时遇到了困难。
使用引导结构
<div class="progress">
<div id="progressbar" class="progress-bar" role="progressbar" aria-valuemin="0">
<span id=&
浏览 3提问于2015-07-07得票数 0
回答已采纳
检查此。
橙色条用作进度条，圆圈下的值是进度条应该有多高。
你知道为什么overflow:hidden;被忽视了吗?如何解决这个问题？显然，任何东西都不应该超出这个圈子。
还有更好的解决方案吗？
浏览 3提问于2013-06-11得票数 8
1回答
我想要一个像中那样的半圆。进度条需要绿色。
我对Jquery很陌生。
HTML：
<div>
<p>100%</p>
</div>
CSS：
div {
height: 45px;
width: 90px;
border-radius: 90px 90px 0 0;
-moz-border-radius: 90px 90px 0 0;
-webkit-border-radius: 90px 90px 0 0;
border: 5px solid red;
border-bottom: none;
}
p {
浏览 2提问于2016-08-20得票数 4
回答已采纳
1回答
我已经创建了一个幻灯片页面的大文件图片使用HTML5和CSS。问题是它们需要大约一分钟的时间来加载。如果图像尚未完全加载，幻灯片放映将不会转到下一张幻灯片。
我想添加一个进度条，当用户在后台加载时可以看到它。
这是代码的基础：
有什么建议吗？
我的JavaScript知识非常有限，这就是为什么我试图找到HTML5和CSS3的答案。
浏览 5提问于2012-12-05得票数 0
我想知道是否有可能只使用CSS3功能就可以在div中从左到右无休止地进行渐变移动？没有必要支持所有的浏览器，我只是想尝试一下。蓝色进度条顶部的闪亮效果就是一个例子。一个例子值得赞赏。
浏览 0提问于2012-04-25得票数 12
回答已采纳
1回答
这更像是一个CSS问题。
我已经从这个获得了创建循环进度条的代码。我还粘贴了下面的代码。
目前，当我使用该代码时，它会创建一个固定位置和大小的循环进度条。即不随着屏幕大小而展开或缩小。
问题：我如何更新CSS，使其允许循环条的大小并与屏幕大小相匹配？因为，圆条应该适合不同的移动屏幕大小。
创建循环进度条的代码(Coffescript)
el = document.getElementById('graph')
# get canvas
options =
percent: el.getAttribute('data-percent')
浏览 0提问于2016-03-01得票数 1
回答已采纳
2回答
在下面的柱塞，点击第一个弹出和进度条应该加载宽度:90%，如上文所示。为此，我添加了一个onClick方法，它添加了一个单击的类，但它不起作用。
我已经使用了物质化的弹出功能。
我使用的简单jQuery是
$('.h_first').on('click', function() {
$('.some1').toggleClass('clicked');
});
柱塞的链接是。
浏览 4提问于2017-03-27得票数 1
回答已采纳
我需要为文件上传创建一个进度条。我知道我的进度事件监听器正在工作。有没有更多的"angular方式“来做到这一点？如何从我的事件侦听器内部更新进度条？
作为前言，如果一般的逻辑流程也需要帮助，请随时更正和批评。
我有这张画布..。
<canvas id="progress"></canvas>
我有一个上传文件的angularjs指令。我添加了一个进度事件监听器(仅显示相关部分)...
link: function postLink(scope, element, attrs, ctrl) {
var fileUpload = funct
浏览 1提问于2013-07-25得票数 4
2回答
当选项卡不在焦点时进度栏停止
、、、、
我对进度条使用了以下代码：
<div class="slide-progress-bar">
<div class="progress-bar" id="progress-bar"></div>
<!--progress-bar-->
</div>
<script>
var elem = document.getElementById("progress-bar");
var width = 1;
function progressBar() {
浏览 4提问于2021-09-05得票数 1
回答已采纳
我想写一个所谓的“不确定”-进步栏。(没有值的<progress>-tag )
<progress max="100"></progress>
以我在网上找到的代码为例(不是我的)：
差别应该是显而易见的。没有任何样式的默认栏中有移动。我想做的事，风格，不确定的进度栏，使它保持‘移动’像上述。
任何方式的造型总是导致‘完全’填充酒吧，没有移动的部分。
我是不是做错了什么，这是预期的还是错误的？因为我不太擅长css，所以我在这里有点不知所措。互联网--就我所发现的信息而言--只谈论正常进度栏的造型。
编辑:现在我更困惑了。它似乎在边缘..
浏览 4提问于2016-06-28得票数 1
回答已采纳
2回答
只有一个简单的问题：
我使用了Raymond Camden 的脚本，它工作得很好。它以文本的形式显示百分比，直到达到100%为止。
这工作得很好，但看起来并不好。我如何创建一个进度条，它从零开始，计数到100%，并且有一个绿色的条在增长？
我不太擅长javascript，所以我不知道如何实现这一点。
这是我现在的代码：
var statusDom;
statusDom = document.querySelector('#status');
ft.onprogress = function(progressEvent) {
if (progressE
浏览 3提问于2014-08-28得票数 7
回答已采纳
4回答
我有一个带有几个引导进度条的页面。最初设置它们的值可以很好地工作。不过，我希望当用户打开页面时，进度条可以动态/转换到它们特定的状态。
当您单击其中一个栏时，此JS工作正常。我需要在酒吧的"onload“事件上这样的东西。但是"onload“事件对于%s不可用。
//animate progress bars
$('.progress .bar').on("click", function(event) {
var me = $(this);
perc = me.attr("data-percentage");
me.
浏览 0提问于2012-04-04得票数 42
回答已采纳
我想在发生这种情况时显示一个正在加载的页面，可能还会播放一些css动画，但似乎在执行javascript时CSS动画会挂起。我已经有了一个加载栏，它在处理的关键事件上进行了更新，但我想使用css转换来使其更平滑一些。
我知道我可以不时地将控制权交还给浏览器，让它刷新，但我发现用javascript在后台计算某些东西只是冻结了整个界面，这是很愚蠢的。
编辑:这是我所说的一个愚蠢的例子：如果你禁用css转换，条形图在每次迭代时都会更新，但是如果你启用它，转换只会在最后发生。所以我要么不得不在每次循环之间等待400ms，失去4秒的时间，除了动画什么都不做，要么在结束时有一个平滑的动画(失去了显示进
浏览 1提问于2012-10-06得票数 7
回答已采纳
1回答
带循环分配器的进度条
、、、
我正在尝试创建一个进度条，我想要一个循环分隔器，这样我就可以划分我所处的情况了。
有人能给我一个解决办法吗？
浏览 2提问于2015-07-16得票数 0
回答已采纳
3回答
我有一个简单的动画引导进度条在我的应用程序，这是奇怪的行为，只有火狐。
HTML:
<div id="render-progress" class="progress progress-striped active" >
<div class="bar" style="width: 25%; height:100%;background-color: #CCCCCC;"></div>
</div>
JS:
$('#render-progress .bar').an
浏览 2提问于2014-03-04得票数 6
回答已采纳
3回答
我有一个进度条，它应该被填充从0%到100%，通过点击3秒。
<progress class="progress is-large is-info" max="100" value="10"></progress>
</br>
<button onclick="move()">Click Me</button>
由于没有document.getElementByValue，我如何在循环中增加值属性来完成它？
浏览 5提问于2016-06-30得票数 1
回答已采纳
5回答
我找到了这个很好的动画进度条教程：
但是，进度栏不使用jquery，本教程也没有告诉您如何将多个按钮链接到进度栏。所以在搜索之后，我找到了这个教程：
现在，我只是简单地使用了上面教程中的代码，看看我是否能让它工作。
我的问题是，如何以与第一个教程相同的方式为进度添加动画？有没有可能应用一个渐变从绿色开始，然后淡出到橙色，然后淡出到红色。我可以在photoshop中做到这一点，这不是问题，但你能把它添加为进度条“皮肤”而不是默认的灰色吗？
提前感谢
浏览 0提问于2015-04-14得票数 0
1回答
我有一个工作文件上传表单，它使用XMLHttpRequest 2将文件上传到Transloadit (文件处理服务)。在Firefox和Chrome中，无论是对桌面还是对Android，进度事件都是正确启动的。但是Android (4.0)的股票浏览器不会触发这些事件，因此我的进度条不适用于我的站点的用户。据推测，XHR2和ProgressEvent从3.0开始就被安卓系统所支持，所以我不知道到底发生了什么。
守则是：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
浏览 6提问于2012-11-21得票数 5
我有一个指向我的div mySkills的链接，当我访问我的页面时，我加载了这些条，但是当我在href中单击这个div mySkills时，我只想加载我的进度条。我们怎么能做到呢？
<nav id="menu">
<ul>
<li ><a href="#About">About</a></li>
<li><a href="#mySkills">Skills</a></li>
浏览 4提问于2013-12-19得票数 3
回答已采纳
我在页面(即)中使用了两个div标签，一个在左边，另一个在右边，比如book。现在我在左边加载html页面，如果它超过了，那么它就转到div标签的右边。给我一个实现这个的想法。
感谢您的关注
浏览 1提问于2011-12-24得票数 0
我已经创建了进度条，我想改变进度条的背景色。当我改变进度条的宽度百分比时，它不会根据情况改变背景颜色。怎么修呢？
我的html代码在这里：
$(document).ready(function() {
if ($('.myclass').css('width') <= '30 %') {
$('.myclass').css('background-color', '#96042a');
} else if ($('.myclass').css('wi
浏览 1提问于2017-12-28得票数 0
回答已采纳
5回答
在CSS中，是否可以只填充总宽度的50%的背景颜色？
我正在尝试制作一个进度条，我需要根据进度的"%"填充背景颜色。
请提供指针。
浏览 2提问于2013-09-06得票数 23
5回答
我试图创建一个简单的进度条，这将显示我的动画在进度条过渡。我正在尝试使用css转换属性，但无法实现转换。
.progress-bar_wrapper {
width: 100%;
height: 20px;
background: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.2);
}
.progress-bar {
background: blue;
width: 0%;
height: 20px;
transition-property: width;
transition-dur
浏览 5提问于2017-09-22得票数 1
回答已采纳
1回答
如何减缓进度条？
、、、、
我有以下代码：
<td id="drop-files" ondragover="return false;" colspan="2">
<br />Drag and drop files to be uploaded...<br /><br />
<input type="hidden" id="iFile" value="" /><input type="hidden" id="numFile
浏览 5提问于2013-03-13得票数 1
2回答
我正在尝试为我的网站创建一些类似于OS的文本输入。它们在CSS3浏览器中表现得非常好。问题是，没有边框，背景是白色的。因此，如果浏览器不支持box-shadow、-moz-box-shadow或-webkit-box-shadow，您将无法分辨它是文本输入，也无法看到它。我需要一个非CSS3浏览器的边框只…为了得到一个更好的想法，这里是我写的CSS：是可能的吗？
我忘了提一下，添加边框会让它看起来很难看。所以如果它是CSS3，我不想显示边界。
浏览 2提问于2011-12-29得票数 1
回答已采纳
windows phone 7中是否支持以下内容/我们能否在windows 7应用程序开发中使用这些功能？
支持CSS吗？
支持JavaScript？
支持jQuery？
如果是的话，请让我知道参考的资源。
浏览 2提问于2012-01-05得票数 1
回答已采纳
我现在正在做我自己的在线简历。我想在技能部分设置几个动画进度条。我还集成了一个计数器来显示每个进度条的计数百分比动画，它位于每个相应的div class=“进度条”上方的另一个div中。 问题是，当我试图在进度条上方的div中为计数器设置text()时，它会显示上一个进度条的"aria-valuenow“属性的计数值。 $(".progress-bar").each(function(i) {
$(this).animate({
width: $(this).attr('aria-valuenow') + '%'
}
浏览 7提问于2019-03-07得票数 3
回答已采纳
1回答
我想用python中的tqdm库做3个进度条。
有三个进度条，我称它为A、B、C。
在进度条C完成后，进度条B被更新并“重置”进度条C，而不是生成新的进度条。
进度条B完成后，更新进度条A并重置进度条B。
所以我只想处理3个进度条。我写了这样的代码，但是重置不起作用。
from tqdm import *
bar_A = tqdm()
bar_B = tqdm()
bar_C = tqdm()
for i in range(10):
bar_B.reset()
for j in range(10):
bar_C.reset()
for k i
浏览 3提问于2020-03-15得票数 1
5回答
有人知道将行或单元格的背景设置为“进度条”的最佳方法吗？例如，如果“percent”单元格值为50%，则条形图将填充该行或单元格的一半背景：
╔══════════════════════════════════════════════════════════╗
║░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░78%░░░░░░░░░░░░░░░ ║
╚══════════════════════════════════════════════════════════╝
我使用PHP生成表格，所以也许我可以在单元格中使用单色图像并设置img的宽度。如何让单元格的
浏览 0提问于2009-12-20得票数 3
回答已采纳
我正在使用纯css实现一个带有倒置文本颜色的进度条。
我的意思是，请参考下面的钢笔。
问题是，这两个实现中的进度条是固定宽度(在固定宽度下，可以设置.progress-text的长度/位置)，但我希望进度条为宽度或其他相对长度。没有JS，我很难把上面的笔改编成我需要的东西。
我的实验失败了，。您能调整实现使.progress支持相对宽度类似于50%吗？
这是片段。谢谢，第三人。
body {
background-color: #000;
}
h1 {
text-align: center;
font-family: "Trebuchet MS"
浏览 5提问于2016-07-05得票数 1
Sublime Text似乎不能识别justify-items和justify-self属性&只是显示为无效语法。(Sublime是最新的，语言设置为CSS，并且在父/子网格关系方面正确使用了justify-items和justify-self )。
注意:对于类似于justify-content或align-items的属性，我没有任何语法问题；只有justify-items和justify-self。
你知道为什么会发生这样的事情吗？
--
这是我看到的一张图片：
下面是代码：
.grid {
display: grid;
grid-template-column
浏览 8提问于2018-10-04得票数 1
我想做自定义进度条与我自己的形象。我不知道怎么做这样的进度条。
是否有人了解自定义进度条？
自定义进度条是指自定义主进度条和次进度条。
请帮帮我。
浏览 4提问于2015-05-19得票数 0
回答已采纳
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
腾讯云开发者
