相关疑难解决方法(0)

CSS Progress Circle

我搜索了这个网站以查找进度条,但我能够找到的显示动画圆圈,完全100%.

我希望它停在某些百分比,如下面的屏幕截图所示.有没有办法只使用CSS才能做到这一点?

循环进度条

html5 progress css3 progress-bar css-shapes

99
推荐指数
7
解决办法
32万
查看次数

如何创建像指标一样的循环进度(饼图)

我必须按照以下方式准确显示进度图,其中百分比将在圆形图的中心
循环进度指示器

我怎么能用javascript/jQuery做到这一点?可以使用Google Chart完成吗?

html javascript css asp.net svg

33
推荐指数
2
解决办法
6万
查看次数

SVG Circle Stroke Origin

我在描述这个问题时遇到了麻烦,但是这里有:

我正在尝试创建一个SVG圈子进度条,我找到了一个完美的例子,我想要做什么而没有像snap这样的第三部分库:

http://codepen.io/JMChristensen/pen/Ablch

问题是我在改变中风起源方面遇到了实际问题.正如您所知,如果您尝试一下,原点就在右侧.我需要它来自顶部.

现在,我是一名开发人员,所以我已经尝试过自己,但我不能为我的生活找到方法.如果我更改stroke-dasharray属性,则笔划将与stroke-dashoffset中设置的百分比不匹配.

我理解这一切都归结为使用stroke-dasharray值的数学,但我不太明白该怎么做.

dashoffset的计算方式如下:

                var pct = ((100-val)/100)*(Math.PI*(r*2));
Run Code Online (Sandbox Code Playgroud)

并且它与标准dasharray值565.48之间必须存在某种相关性.在任何地方都没有提到它.

javascript geometry svg

5
推荐指数
1
解决办法
2366
查看次数

标签 统计

javascript ×2

svg ×2

asp.net ×1

css ×1

css-shapes ×1

css3 ×1

geometry ×1

html ×1

html5 ×1

progress ×1

progress-bar ×1