开发者社区> 问答> 正文

环形进度条,有这样的插件吗?(还要考虑万恶的ie6,已无奈。。)

式也要一模一样,投影啊,要立体感那种,还要考虑万恶的ie6
screenshot

展开
收起
杨冬芳 2016-06-16 16:08:34 1978 0
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista

    我知道的环形的画法是这样的:

    背景圆形,颜色是背景色。
    前景1是亮色,形状是一个半圆。
    前景2是亮色,形状也是一个半圆。

    前景3是背景色,形状是半圆。

    表现百分比的时候是这样:

    0%的时候,不显示亮色,所以都是灰色。

    0%~50%的时候,让前景3开始旋转,让前景1和2中的一个不显示(取决于你准备向左旋转还是向右),这样前景1和前景3的角度差就是进度条。

    50%~100%的时候,让前景1完全显示,让前景3继续旋转和前景2的角度差成为进度条。

    所以这三个前景的位置关系是 前景3〉前景2〉前景1〉背景。

    http://www.zhangxinxu.com/wordpress/2014/04/css3-pie-loading-waiting-animation/ 这是张鑫旭的文章,讲的也蛮有意思。

    至于做一个环形就不用说了吧……

    2019-07-17 19:41:13
    赞同 展开评论 打赏
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
分身大师那些事 立即下载
分身大师那些事儿 立即下载
让世界没有陌生的角落 共享单车时代的快与慢 立即下载

相关实验场景

更多