我已经在我的HTML页面中嵌入了一个youtube视频。由于视频屏幕太小，进度条上的悬停效果会被裁剪。如何停止进度条上的悬停效果？
浏览 0提问于2020-04-13得票数 0
有没有可能在HTML中创建(实际上是进度条)，或者在HTML中创建任何类型的方法，通过让轨迹填充到某个点来模拟进度条的效果？我还需要能够控制什么%的轨道填满。如图所示：
注意:轨迹曲线的部分将具有弯曲的边缘。
这可以简单地在flash中动画，然而，对于其他目的，这需要严格使用HTML5或Javascript完成。这有可能吗？
我甚至不能开始想象如何实现这一点。
浏览 4提问于2014-10-23得票数 0
我想在NgbProgressbar中添加一个css样式，但我在这样做时遇到了困难。具体来说，我想给进度条一个自定义颜色。使用上的“上下文进度条”演示，src/progressbar basic.ts文件的代码是：
import {Component} from '@angular/core';
@Component({
selector: 'ngbd-progressbar-basic',
templateUrl: 'src/progressbar-basic.html',
styles: [`
ngb-
浏览 1提问于2017-04-14得票数 1
回答已采纳
2回答
我是一个PHP和HTML编程的初学者。我已经在CSS和HTML中制作了一个进度条，效果很好，但我希望进度条的像素是我的数据库中的一个值。我得到了一个只有一行和一个值的数据库。
下面是我的进度条代码：
<div id="bar4" style="height: 50px;">
<span style="width: 200px;"></span>
</div>
是否可以将当前值(200px中的200 )更改为我的数据库中的值？我已经制作了一个PHP文件，它呼应了我认为可能会使过程更容易的值。
浏览 4提问于2013-01-09得票数 0
回答已采纳
3回答
我见过一些网站，当页面第一次加载时，会显示像进度条这样的youtube。当进度条完成时，页面内容将显示为淡出效果。网站地址是https://www.skysite.com/
我检查了很多youtube的链接，比如进度条，但是那些页面显示的是像你一样的进度条，但是它们和页面内容没有任何关系。
以下是我咨询过的一些链接。
http://stackoverflow.com/questions/18350370/youtube-like-progress-bar
http://onextrapixel.com/examples/youtube-like-ajax-loading-bar/index5.
浏览 5提问于2015-08-04得票数 1
回答已采纳
如何在android中绘制多个“静态进度条”？我想实现与下图完全相同的效果。
为每个“静态进度条”设置一个画布太麻烦了，不是吗？有没有更快、更干净的方法来达到与图像相同的效果？
浏览 1提问于2014-08-14得票数 3
WPF中的进度条样式已经过时了。以条为单位的增量。如何实现一个带有vista或windows-7阴影发光效果的进度条？
甚至检查了Progressbar的属性。但是，没有与辉光效果相关的属性。
另外，是否有任何动画或与正常进度条不同的内容/
在Adv. .
编辑代码
<ProgressBar Height="41" HorizontalAlignment="Left" Margin="372,215,0,0" Name="progressBar1" VerticalAlignment="Top" Wi
浏览 6提问于2012-08-15得票数 5
回答已采纳
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
回答已采纳
1回答
进度条- HTML5 -火狐
、、、、
我使用HTML5创建了一个进度条。不过，我使用的过渡效果只适用于Chrome、Opera和Safari。但它在Firefox中不能正常工作吗？ 这是我的进度条-> https://codepen.io/thadeucesario/pen/KKdWKdr 你知道我怎么才能修好吗？ 对于我正在使用的这些浏览器： progress::-webkit-progress-value {
background: #0b366f;
-webkit-transition : width .5s ease;
-moz-transition : width .5s ease;
浏览 24提问于2020-04-30得票数 0
回答已采纳
1回答
CSS垂直进度条
、、
垂直进度条
该酒吧的适当造型要求：
进度条必须由一个包含多个交叉条的元素覆盖.
没有图像(即使用十字栏的图像)。
进度条必须连接到原点的底部，并向上延伸。
最重要的是，进度条的包装宽度必须保持动态(%)，而不是静态定义。
条的宽度取决于其容器组件的宽度
纯粹的CSS解决方案是最好的，但JQuery是公平的游戏。
进度条HTML:
<div class="container">
<div class="attendance">
<p class="title&
浏览 3提问于2014-03-11得票数 6
回答已采纳
如果我有一个引导进度条，周期从0%到100%，并相对较快地返回到0%，当“重置到0%”动画完成时，新的值已经在40% ~40%左右，因此产生的效果使进度条看起来像是在40%到100%到40%到100%之间反弹，等等。
当进度条的值增加时，是否有任何方法使其有动画，但在价值下降时，却发生离散的“跳转”？如果没有，是否有其他方法可以达到同样的效果？
浏览 1提问于2015-02-13得票数 1
回答已采纳
我可以在jQuery UI进度条的背景中显示文本吗？
你知道我说的是哪种，对吧？
颜色:白色，因为进度条在它上面，颜色:黑色，因为进度条还没有到达它。
我想我在安装软件的时候已经看到了这种效果。
此外，背景图像，除了它完全被进度条遮盖之外，它还能工作吗？我希望进度条本身是透明的。
浏览 0提问于2010-04-03得票数 0
回答已采纳
2回答
更改HTML5 <progress>元素的值的边界半径时遇到问题。我尝试将边界半径应用于progress元素本身和progress[value]，但似乎没有任何效果。
所以我希望进度条的值看起来像这样：
而不是这样：
这就是我到目前为止所拥有的：
有什么想法吗？
浏览 0提问于2016-01-15得票数 9
回答已采纳
1回答
我从storyboard制作了这个步进进度条，并通过传递一个字符串数组(每个字符串添加一个步骤，因此添加一个标签和图标)，以编程方式配置了步骤数(最多8个)。
白色视图是基础视图，绿色视图是进度条，进度条当然是UIView。
要为进度设置动画效果，我只需设置进度条的宽度约束(我可以为指定步骤的某个百分比设置动画效果)。
现在，我的目标是为每个步骤以不同的颜色拆分进度条：
例如，"Primo“步骤可以是蓝色，第二步是红色，依此类推，每个步骤都有不同的颜色。
我打赌我应该为进度条创建一个UIView子类，然后在draw方法中完成这个魔术，但我的目标是将一个步骤数组(UIStackView)
浏览 1提问于2021-06-14得票数 0
1回答
我有多个动作要执行，我正在使用引导进度栏来显示每个动作的进度。完成每个操作后，使用下面一行代码$('.progress').attr('style'，"width: 0%")将进度条设置为零
但是，这会产生相反的效果，对于用户来说，似乎应用程序正在取消以前执行的操作。
如何在没有反向动画效果的情况下立即重置进度条？
浏览 2提问于2016-04-02得票数 8
回答已采纳
1回答
我已经看到了许多创建循环进度条的解决方案。他们似乎都是非常长和复杂的。我想要创建一个非常简单的一个，仅仅通过画两个圆圈在对方之上，并剪掉一部分外部的一个，以便创建一个进度条的外观低于100%。
我的HTML
<div class="outter">
<div class="inner"></div>
</div>
我的CSS
.outter {
background-color: #08a1db;
width: 100px;
height: 100px;
border-r
浏览 2提问于2017-06-21得票数 1
回答已采纳
当我有一个进度条时，与没有进度条的启动相比，我的应用程序启动所需的时间要长得多。有没有可能，或者这只是一种视觉效果？
浏览 2提问于2011-05-10得票数 2
回答已采纳
1回答
我为我的应用程序启用了QDarkStyle，它为进度条块提供了自己的颜色。我想要做的是让以前的默认样式仅用于进度条。该怎么做呢？
我已经尝试了ui.Progressbar.setStylesheet('')设置，但不走运。
我也不知道Qt中QProgressBar的原生默认样式是什么。所以我甚至不能将我的样式表设置为它。
也是这样做的
QProgressBar {
border: 1px solid #76797C;
text-align: center;
color:black;
}
QProgressBar::chunk {
浏览 23提问于2017-08-13得票数 2
回答已采纳
1回答
脉动或闪烁进度棒
、、、、
如何为进度条创建“脉动”或“闪烁”效果？
我并不试图在引导中执行“活动”类型的条形进度条，但是每当我发出ajax调用来检查状态时，我都希望“脉动”或使进度条闪闪发光。我以前见过这种效果，但我不知道它叫什么，也不知道如何去寻找它。基本上，它从左边开始，使颜色稍微浅一点(或者是alpha覆盖？)，得到结束，然后恢复正常。
很多描述，但我不知道怎么说。如果我能找到一个例子，我可能不需要问这个问题。
下面是我的代码的引导程序：
浏览 1提问于2015-05-14得票数 1
回答已采纳
3回答
我在设置为变量的div width上获取平滑动画时遇到了问题。它的动画效果应该类似于进度条。我在上有一个演示。如何获得平滑的动画效果？谢谢!
HTML：
<div id="pb"><div></div></div>
<a href="#" class="test" data-value="25%">25</a>
<a href="#" class="test" data-value="50%">50
浏览 1提问于2013-04-16得票数 2
回答已采纳
我正在使用donut chartjs图来模拟一个圆形进度条，数据集中有40个位置为绿色，60个位置为浅灰色(模拟40%的进度条)。但是当我开始绘制图形时，所有的数据集都是动画的，但我想让灰色的数据集保持静态，只让绿色的数据集动画，以模拟进度条。这个是可能的吗？ PS:我没有使用其他进度条库，因为我需要数据集中100个位置的剥离效果。 欢迎提出建议。
浏览 70提问于2019-05-01得票数 0
2回答
因此，有人建议我使用WPF窗体为我的应用程序创建自定义UI。我想要做的第一件事就是改变进度条的外观。唯一让我对它的新外观望而却步的是它上面的光滑效果。我想要的进度条是由大多数纯色。有没有办法去掉进度条的光滑部分？
如下所示：
谢谢。
浏览 0提问于2012-10-13得票数 14
1回答
我看到一些站点可以用自定义进度条覆盖本机加载进度条(在地址栏中)。例如：
一开始我怀疑它是用jQuery完成的，但是它不应该影响浏览器的状态。
他们用什么方法来获得这种效果？
浏览 1提问于2014-04-26得票数 0
回答已采纳
我需要将进度条附加到AsyncTask。AsyncTask运行正常，但进度条不正常。
进度条实际上是一个微调工具！我想象一个进度条是一条水平的粗线，填充范围从0%到100%。取而代之的是我得到了一个“旋转器”。
因此，我尝试了mProgressBar.setIndeterminate(false)；-它似乎没有任何效果。我想真正重要的一点是
xml标记progressBar中的style="?android:attr/progressBarStyleHorizontal“。
我如何才能在java代码中做到这一点，而不是从xml？
浏览 0提问于2010-12-14得票数 2
回答已采纳
我已经发布了我的查询，但不幸的是，没有获得对这个简单查询所需的支持。
我在应用程序中使用了一个进度条小部件来显示下载进度。
在当前状态下，我可以在下载过程中手动来回移动滑块。我如何防止手动移动进度条，而它只基于
progressbar.setProgress(progressbar.getProgress() + 1024); --目前效果很好，但我需要防止在下载过程中手动移动进度条。
浏览 3提问于2010-04-14得票数 0
2回答
在左边和右边有两个标签的进度条
、、、、
我想做一个这样的进度条
但我总是遇到对齐的问题，这是我最近的输出。
我应该使用.progress-label，但我不知道如何将它与进度条结合在一起，而不影响对齐。另外，我想要模糊的文本效果对“信号”文本。
浏览 2提问于2015-09-11得票数 0
回答已采纳
我正在尝试用启动动画实现一个动画进度条。
问题是我使用的是transform: translateX(-100%);，它会产生丑陋的效果--进度条在进度区域之外。
核心：
@keyframes slideInFromLeft {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.progress {
width:200px;
height:50px;
border:1px solid black;
position:relat
浏览 0提问于2019-05-08得票数 0
回答已采纳
我有以下问题。
A)如何通过十进制值增加进度条的值？我试过了
ui->progressBar->setValue(0.5);，并使用while循环将其增加了0.5。但我只看到了一个空的进度条。知道为什么吗？
在ui->progressBar->setValue(0.5);行上，p.s:I收到警告‘此语句没有效果’
B)在制作进度条时，我做了一个While循环，进度条的值递增1，并添加了睡眠(600)，这样进度条就不会很快完成。这不是问题，我的问题是当进度条增加时，我的应用程序滞后了很多。我试着把QCoreApplication::processEvents();放在我的
浏览 1提问于2012-09-04得票数 1
1回答
如何在滑块中动画化进度条
、、、
我使用jQuery创建了一个滑块。我的照片滑块上有一个缩略图和标题。图片缩略图下方有一个进度条，位于标题和照片之间的中间。
滑块可以向左或向右拖动。当滑块保持不变时，进度条的宽度为零。当用户将照片拖向左边准备下一张照片时，进度条的宽度会有生气地增加，直到下一张照片在起始点几乎被替换(进度条的宽度接近100%，然后再回到0%的宽度)。
插图
# Photo
# Progress bar
# Caption
问题
目前进度条的宽度为X。当我把滑块拖到左边的时候，宽度会增加，但是我上面提到的没有效果。
Demo
浏览 1提问于2017-10-06得票数 1
1回答
谢谢你的关注。我迫切需要一个解决方案来创建具有以下要求的背景图像幻灯片：
基于jquery插件的(或类似的)与屏幕上按比例拉伸图像的必须具有幻灯片显示能力，可以用"Prev / Next“切换图像，以调整幻灯片/淡出时间、方向、效果(？)、图像位置(中心/顶部等)、必须具有淡入效果或轻松效果，同时更改imagesability以添加名称和长描述(具有html支持)，当loadedability打开/关闭所有图像(进度条为fantastic)if )时，要在图像前面的某些DIV中显示名称/描述，则可以调用一些功能，即现代浏览器、Ipad等的great.support。。
我想可能需要对上
浏览 1提问于2012-03-19得票数 0
我正在为我的应用程序创建一个小部件。目前，我只是使用一个普通的水平ProgressBar。效果很好。但我正在想办法把进度条的拐角处弄圆。由于远程视图仅限于特定的事情，所以我不能使用自定义进度条。因此，有人能为我指出一种方法，使我的应用程序小部件的进度条。真的很感激。
我确实尝试使用RelativeLayout作为一个进度条，在运行时更改它的宽度。但是，只有API 31+才有可能更改运行时的宽度。
浏览 3提问于2022-04-17得票数 1
1回答
构建一个很好的进度条
、、、、
我需要一些关于如何为iPhone构建一个很好的进度条的灵感。我想要构建的是一个自定义进度条，就像我在这里画的那样：
到目前为止，我的方法是使用带有透明圆角矩形的PNG (上图中为灰色)。通过此矩形，用户可以看到移动条。如果用Quartz绘制这个条，并给它一个奇特的动画效果(类似于Mac进度条)，那就太好了。
你有什么建议吗？
浏览 0提问于2010-03-17得票数 3
回答已采纳
我有一个WinForms应用程序，想要添加一些漂亮的WPF控件，其中之一是一个‘不确定’的进度条。直到我让它停下来，它才能很好地动画。
我已经这样做了，并且绞尽脑汁想弄清楚为什么它没有动画效果(改变进度条的值)。
我最终尝试以模态方式显示我的表单(包含ElementHost)，嘿，很快，它就有了动画效果，但我想以非模态方式显示表单，因为我想继续在幕后进行处理。
是否有某种设置告诉ElementHost窗口继续“动画”？
谢谢瑞奇。
浏览 1提问于2011-12-13得票数 1
回答已采纳
当在angular中使用时，html5进度条<progress value="5" max="100"></progress>会被angular类所取代。还有一个angular自己的进度条，它使用相同的标签。其他一些元素，如html5的滑块，不会受到角度的干扰&它们自己工作得很好。
有没有办法在angular中使用简单的html5进度条？或者这是一种糟糕的实践或其他什么？我喜欢html5进度条，使用它非常简单。或者使用angular进度条是更好的解决方案？
浏览 0提问于2014-07-08得票数 1
我在第一列中使用带有进度条的Angularjs网格，我的网格选项如下所示：
ctrl.gridOptions = {};
ctrl.gridOptions.columnDefs = [{
field: 'completeStatus',
cellTemplate: '<span>{{row.entity.completeStatus}} % </span> <uib-progressbar value="row.entity.completeStatus"> </uib-pr
浏览 3提问于2016-06-01得票数 0
我正在寻找关于如何创建一个看起来像Windows 10版本的进度条的信息，特别是当任务没有完成时，进度条的“完成”区域上有一个发光的markee。
就像在"Windows资源管理器“搜索时.在搜索完成之前，您将看到进度条正在发光。
我试着在谷歌上搜索，所有的网站都在解释简单明了的进度栏。
编辑谢谢以下答案..。为了强调我要找的东西，请看下面的图片.这是一个从一个简单的复制对话框。您可以看到，当复制正在进行，一个发光的效果，在进度条本身。
浏览 1提问于2018-06-17得票数 0
1回答
当我进入该部分时加载动画
、、、
我正在使用我的网站的技能进步。它是一个圆形的进度条。它在加载时有一个小动画，效果就像填充边框。但是，当页面加载时，动画会立即运行。我想做一个方法，如果我滚动到该部分，只有这样，动画才会运行。
我正在使用插件作为进度条。
浏览 2提问于2015-12-12得票数 0
回答已采纳
我正在编写一个系统，其中有一个小的FTP模块包括在内，它不是所有的主要功能，但需要…
我必须将进度条与WebClient类事件DownloadProgressChangedEventHandler和AsyncCompletedEventHandler链接起来，进度条增量是可以的，并且ASyncCompletedEventHandler启动了一个MessageBox (如预期的那样)，问题是进度条显示的加载太慢了……
问题：
我的MessageBox弹出100% (由事件处理器启动)，但当MessageBox弹出我的进度条只有+-80% (但.VALUE真的是100)，虽然我的第一个虽然我有是他
浏览 1提问于2010-06-12得票数 3
回答已采纳
当我正在进行的通知处于活动状态时，我正尝试在状态栏中显示与不确定进度条(不是水平进度条，而是圆形进度条)相同的动画图形。
我尝试查找对应于不确定进度条的资源ID，但发现它是通过代码生成动画的。
我尝试将Notification实例中的图标ID设置为GIF动画，但状态栏中只显示GIF的第一帧。
如果我将图标ID设置为android.R.drawable.progress_indeterminate_horizontal，，图形动画效果会很完美。所以，我的问题是-在这种情况下动画是如何实现的？通过iconLevel？如何设置动画图标，而不需要自己定期设置动画图标？
浏览 0提问于2011-04-13得票数 5
回答已采纳
是否可以在wxPython中自定义ProgressDialog？例如，我想让进度条更细，窗口更宽。
SetSize()方法似乎没有任何效果。
浏览 4提问于2010-08-11得票数 0
回答已采纳
因此，我为HTML5视频播放器创建了自定义按钮/图标。问题是，当鼠标不在视频上时，我想隐藏这些按钮，除了进度条。
我已经使用css :hover，但它只显示按钮时，我直接在他们，但我希望有效果，他们显示时，鼠标是在视频容器，但进度条应该留下来。
#video-controls {
opacity: 0;
}
#video-controls:hover {
opacity: 1;
}
另外，有没有人知道如何在按钮不显示时将进度条移到底部？
<div id="video_container">
<video id="video"&
浏览 3提问于2016-10-11得票数 0
1回答
在后台线程中运行服务
、、、、
我可以在后台线程中运行服务吗？
我希望从数据库加载数据，在加载数据期间，我希望进度条显示进度。首先我创建了任务，在后台线程中运行它，然后根据这个任务更新进度条。但是，我发现这个任务是不可重用的，所以下次我按下按钮时，它就不能工作了。后来，我发现Service可以多次运行任务，所以我已经将这些任务封装在服务中。
现在它工作得很好--每次我按下按钮，都会重新加载表--除非进度条没有移动。
怎样才能达到预期的效果？
浏览 0提问于2018-05-16得票数 0
回答已采纳
2回答
我正在做一个心理锻炼型游戏()，玩家还剩下多长时间是有时间限制的。我想使用引导进度条来实现这一点，我基本上已经通过在引导CSS中覆盖转换持续时间属性来实现这一效果。
custom.css
.progress-bar {
-webkit-transition: width 5s linear;
-o-transition: width 5s linear;
transition: width 5s linear;
}
当我想将这个进度条设置为零时，问题就来了(播放这个应用程序来查看这个操作)。虽然通过角度数据绑定将宽度设置为零，但引导进度条不会返回到0%。
浏览 7提问于2014-07-30得票数 2
回答已采纳
我想打开一个websocket来更新客户端的进度条。我正在使用标准的应用程序引擎环境，并希望保持它。为了获得websocket功能，我看到了一些复杂的解决方案。
否则如何实现实时进度条更新的效果？还有什么其他的技术我可以用吗？我用Golang写了这个应用程序。
浏览 4提问于2022-01-07得票数 2
2回答
UWP径向进度栏图像填充
、、、
我正在使用来自UWP ToolKit的径向进度栏。我想在我创造的游戏中使用这个进步。我有一个图像，我想填补前景的进度条。无论我如何尝试，我都无法以进度条填充的方式获得填充进度条的图像。
我目前正在努力缩放前景中的图像，但这并不是我想要的效果。
XAML：
<toolKit:RadialProgressBar Width="316" Height="316" Minimum="0" Maximum="100" Value="{Binding Value}" Thickness="36"
浏览 3提问于2017-12-18得票数 2
回答已采纳
我正在开发一个基于libvc的媒体播放器，我想制作一个类似于Kmplayer的进度条--例如，我在一个显示进展的条形图中思考，但也允许我通过点击所需的位置来改变电影的位置。此外，Kmplayer的进度条显示左侧的电影标题，在严格的一面显示持续时间/经过的时间。(附图显示所需的绿色效果)
我怎么能复制那个样子？我想我需要创建我自己的QProgressBar子类，但是有人能帮我指出一个严格的方向吗？…
Kmplayer进度条图片
浏览 2提问于2017-07-17得票数 0
回答已采纳
2回答
如何从Qt中获得QProgressBar中的文本的以下效果：
我的想法是我必须在进度条的左边有一个更亮的颜色。
浏览 1提问于2012-12-13得票数 2
回答已采纳
1回答
从PHP写入stdin？
、、、、
在linux中，我想从PHP运行gnome zenity进度条窗口。zenity的工作原理如下：
linux-shell$ zenity --display 0:1 --progress --text='Backing up' --percentage=0
10
50
100
因此，第一个命令以0%打开zenity进度条。然后，Zenity将标准输入数字作为进度条百分比(因此，当您键入这些数字时，它将从10%到50%再到100% )。
不过，我不知道如何让PHP输入这些数字，我已经尝试过了：
exec($cmd);
echo 10;
echo 50;
和：
$handle =
浏览 1提问于2011-03-26得票数 6
回答已采纳
1回答
我想为所有的browsers.Is开发一个进度条，有任何像闪回的进度条不支持html5，我的意思是，我想要显示html5进度在浏览器中支持html5和动作脚本进度条在浏览器中不支持html5或有任何polyfill，我可以使用这个进度栏？
浏览 2提问于2015-05-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
