制作 CODECASTS 顶部的横条

很好奇codecasts这个网页顶部这个彩色的横条如何制作？

如何可以制作成loading bar？

比如加载页面的时候这个横条就从左至右加载出现？

制作这样的一个东西 流程大概是什么，求指导？

http://buunguyen.github.io/topbar/

哈哈哈,, 这个链接里的插件是我们之前使用的, 你看看, 是个 canvas 元素, 跟你问题里的这个有些类似, 我看了一下, codecast 用的是一个背景图片,

shrekuu
7年前

http://buunguyen.github.io/topbar/

哈哈哈, 这个链接里的插件是我们之前使用的, 你看看, 是个 canvas 元素, 跟你问题里的这个有些类似, 我看了一下, codecast 用的是一个背景图片,

0 分享
不了了了了了之 回复 shrekuu
7年前

不错哦，但是如何自动hide呢？

0 分享
JellyBool
7年前

这个只是一个简单的 css ：

.top-bar {
    background: url(/images/top-bar.png) top;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
1 分享