草庐IT

圆形进度条

全部标签

javascript - 带有进度条的 Bootstrap 导航选项卡

我正在构建一个注册系统,并且在该页面中有一个进度条和一个引导导航选项卡。我正在尝试设置JQuery,以便进度条随着导航选项卡前进。这是一个视觉效果。我尝试使用hasClass和addCLass函数想出一个简单的ifelse条件jquery,但从未取得进展。像这样:$(document).ready(function(){$('a[data-toggle="tab"]').on('shown.bs.tab',function(e){if(".nav-tabs")hasClass(".active");{$(".checkout-barli").addClass("active");}})

Javascript HTML 5 进度条不适用于 setInterval

单击按钮时进度条增加1。但我没有看到它增加到100。我必须一次又一次地单击按钮来增加值。你能告诉我我可能做错了什么吗?此外,如何在不使用进度条ID的情况下清除每个进度条达到100时的间隔?window.onload=function(){console.log("Hello");varbutton=document.getElementById("animateButton");button.onclick=goProgress;}functiongoProgress(){ console.log("IngoProgress()");varprogressBars=document.g

Javascript:如何在 'for' 循环中更新进度条

我想组合的JS脚本有问题。我有一个HTML表格,其中有大约300行。我制作了一个排序功能,可以使表格标题可点击并启动我的排序功能。我想集成一个进度条,因为在单击标题后的较大表格(500-1000行)中,表格需要一些时间来排序(IE是一个大问题)。进度条会告诉他们在排序完成之前还剩多少时间。我想到的方法是一个div元素,我将根据排序循环的进程调整它的大小。问题是我似乎无法弄清楚如何将这样的例程集成到我的循环中。我研究了这个问题并注意到了这一点:Howtochangeprogressbarinloop?这个:UsingsetTimeouttoupdateprogressbarwhenloo

javascript - CSS3 圆形菜单

我找到了this漂亮的圆形菜单,我正在努力调整它以适应我自己的需要。我只需要该菜单中的四个元素,并且应该增加它们的“宽度”(水平空间)。我把原始代码放在这个fiddle里了.有四个元素的版本是here.如前所述,我试图通过增加它们的大小来填充它们之间的空白区域,因为我想在其中放置更多文本。我认为可能相关的部分CSS:.csstransforms.cn-wrapperli{position:absolute;top:50%;left:50%;overflow:hidden;margin-top:-1.3em;margin-left:-10em;width:10em;height:10em

javascript - SVG 圆形描边原点

我在描述问题时遇到了问题,但这里是:我正在尝试制作一个SVG圆圈进度条,我找到了一个完美的例子,说明我想在没有任何第三方库(如snap)的情况下做的事情:http://codepen.io/JMChristensen/pen/Ablch问题是我在更改笔划原点方面遇到了实际问题。如果您尝试一下,您会注意到,原点位于右侧。我需要它来自顶部。现在,我是一名开发人员,所以我已经尝试过自己,但我终究无法弄清楚如何去做。如果我更改stroke-dasharray属性,笔划将与stroke-dashoffset中设置的百分比不匹配。我明白这一切都归结为stroke-dasharray值的数学运算,但

javascript - 如何使用 D3js 围绕圆形路径绘制圆圈

如何用D3js在圆形路径周围绘制大小随机的圆圈,使小圆圈随机分布且不相互重叠。它应该是这样的:这是我能得到的jQuery(document).ready(function(){varangle,offset,data,size=[8,15],width=500,color=d3.scale.category10(),height=600,radius=200,dispersion=10,svgContainer=d3.select('body').append("svg").attr("width",width).attr("height",height);data=d3.range(

javascript - 在加载 iron-ajax 时显示 Polymer 不确定的纸张进度

当iron-ajax请求正在进行但没有成功时,我试图显示论文进度。下面是托管iron-ajax请求的自定义元素get-products-service和托管论文进度.这是整个products-listdom-module::host{display:block;width:100%;text-align:center;}product-card{margin-left:10px;margin-bottom:30px;}PreviousNext{{item.name}}{{item.display_price}}(function(){Polymer({is:'product-list'

javascript - 如何在html游戏中保存进度

我想知道如何保存玩家在我正在制作的游戏中取得的进度。我可以通过cookie执行此操作吗?或者我还可以如何将其保存到玩家计算机?感谢所有的帮助! 最佳答案 使用Javascript保存本地文件有两种选择,即cookies和localStorage。使用Cookie:document.cookie属性用于设置、读取、更改和删除浏览器cookie。要设置cookie,document.cookie="cookiename=FooBar";,或者如果你想要一个到期日期,也可以这样:document.cookie="cookiename=Fo

javascript - 用于图像圆形裁剪的 CSS/JS

我的设计师给了我一个外观,我很想能够复制它,但我不太确定该怎么做。第一部分是头像的圆形裁剪(是方形上传)第二部分是对话泡泡我愿意在后端完成第一部分,但更愿意使用CSS/JS解决方案。 最佳答案 对于圆形图像,您可以使用CSS的border-radius:只需使其足够大,使圆Angular接触即可。.profile-img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}Luke的回答对于对话泡泡来说是一个很好的答案:我已经基于它创建了泡泡。我还使

javascript - 以圆形方式放置 Canvas 圈而不重叠

我必须绘制具有相同半径的圆的概念图,一旦它被点击它应该显示它的child并且这些child不应该相互重叠。我可以用Math.PI*2/required_length_of_children划分整个圆形位置。并采取立场varnew_left=Math.round(origin.x+radius*Math.cos(angle));varnew_top=Math.round(origin.y+radius*Math.sin(angle));现在我的问题是如何找出有可用空间的Angular并绘制它们。基本上是寻找圆的双曲树方式排列。在此先感谢您的帮助。 最佳答案