alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
15楼#
发布于:2010-09-17 23:07
抱歉,多发了。
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
16楼#
发布于:2010-09-17 23:07
dxq83

"firefox里自带的用来定义progress line的代码",progress line的代码在哪里呢,在fx源代码里吗?还是在fx某个文件里?  
回到原帖

见图:
forfirefox
火狐狸
火狐狸
  • UID32807
  • 注册日期2010-05-11
  • 最后登录2016-06-07
  • 发帖数243
  • 经验23枚
  • 威望0点
  • 贡献值14点
  • 好评度0点
  • 社区居民
  • 忠实会员
17楼#
发布于:2010-09-17 23:07
mark一下,以后研究。
听着风
小狐狸
小狐狸
  • UID32169
  • 注册日期2010-03-02
  • 最后登录2013-10-29
  • 发帖数96
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
18楼#
发布于:2010-09-17 23:07
谢谢一会儿去试试
hoolooday
火狐狸
火狐狸
  • UID26508
  • 注册日期2008-10-02
  • 最后登录2015-05-22
  • 发帖数173
  • 经验11枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
19楼#
发布于:2010-09-17 23:07
这个是不是在当前标签,显示地址栏的进度条
而其它标签打开,并且不激活时,用标签栏上的进度条呢?
能不能修改为都在标签上显示,或者都在地址栏显示呢?
fireman
火狐狸
火狐狸
  • UID33071
  • 注册日期2010-06-15
  • 最后登录2013-04-27
  • 发帖数139
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
20楼#
发布于:2010-09-17 23:07
确实,能不能设置都在标签上显示呢,地址栏那条实在太不明显。因为一般情况下都是盯着标签上的线,切换到当前标签就又变成地址栏那条,非常累眼。或者圆饼回归就更好了。
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
21楼#
发布于:2010-09-17 23:07
hoolooday:这个是不是在当前标签,显示地址栏的进度条
而其它标签打开,并且不激活时,用标签栏上的进度条呢?
能不能修改为都在标签上显示,或者都在地址栏显示呢?
回到原帖

这个功能是b7的新功能,这里只提供修改样式的方法,移到标签上css做不到;
[quote="fireman"]确实,能不能设置都在标签上显示呢,地址栏那条实在太不明显。因为一般情况下都是盯着标签上的线,切换到当前标签就又变成地址栏那条,非常累眼。或者圆饼回归就更好了。[/quote]
不明显可以设置个醒目的颜色或者把透明度调高。
openicq
狐狸大王
狐狸大王
  • UID5412
  • 注册日期2005-04-23
  • 最后登录2015-12-15
  • 发帖数353
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
22楼#
发布于:2010-09-17 23:07
结合alanfly和mattmonkey的想法
我现在自己用的代码
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tab-progress > .progress-bar
{background-image: -moz-linear-gradient(left, rgba(0,255,0,.5),
                                               rgba(0,255,0,.7),
                                               rgba(0,255,0,.95)) !important;}

#urlbar-progress > .progress-bar
{background-image: -moz-linear-gradient(left, rgba(255,0,255,.95),
                                               rgba(255,255,0,.95),
                                               rgba(0,255,0,.95)) !important;}

地址栏的progress line根据载入的进度依次变色 红->黄->绿 跟红绿灯似的 呵呵
标签栏的progress line因为长度比较短所以就不搞几种颜色了 只用绿色 透明度根据载入的进度渐变
msky
千年狐狸
千年狐狸
  • UID14649
  • 注册日期2006-09-21
  • 最后登录2023-04-03
  • 发帖数2959
  • 经验166枚
  • 威望0点
  • 贡献值12点
  • 好评度9点
  • 社区居民
23楼#
发布于:2010-09-17 23:07
记号,楼上的代码不错,默认的蓝色太不显眼了,不注意都看不出来,还是绿色好一些
jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
24楼#
发布于:2010-09-17 23:07
openicq:结合alanfly和mattmonkey的想法
我现在自己用的代码
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tab-progress > .progress-bar
{background-image: -moz-linear-gradient(left, rgba(0,255,0,.5),
                                               rgba(0,255,0,.7),
                                               rgba(0,255,0,.95)) !important;}

#urlbar-progress > .progress-bar
{background-image: -moz-linear-gradient(left, rgba(255,0,255,.95),
                                               rgba(255,255,0,.95),
                                               rgba(0,255,0,.95)) !important;}

地址栏的progress line根据载入的进度依次变色 红->黄->绿 跟红绿灯似的 呵呵
标签栏的progress line因为长度比较短所以就不搞几种颜色了 只用绿色 透明度根据载入的进度渐变
回到原帖






相当好看,用上了
fireman
火狐狸
火狐狸
  • UID33071
  • 注册日期2010-06-15
  • 最后登录2013-04-27
  • 发帖数139
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
25楼#
发布于:2010-09-17 23:07
结合alanfly和mattmonkey的想法
我现在自己用的代码

地址栏的progress line根据载入的进度依次变色 红->黄->绿 跟红绿灯似的 呵呵
标签栏的progress line因为长度比较短所以就不搞几种颜色了 只用绿色 透明度根据载入的进度渐变


  这个彩色的很不错,总算没那么丑陋+不显眼+呆板了。
咪姆
非常火狐
非常火狐
  • UID2913
  • 注册日期2005-02-10
  • 最后登录2022-12-13
  • 发帖数951
  • 经验13枚
  • 威望0点
  • 贡献值0点
  • 好评度1点
  • 社区居民
  • 忠实会员
26楼#
发布于:2010-09-17 23:07
openicq:结合alanfly和mattmonkey的想法
我现在自己用的代码
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tab-progress > .progress-bar
{background-image: -moz-linear-gradient(left, rgba(0,255,0,.5),
                                               rgba(0,255,0,.7),
                                               rgba(0,255,0,.95)) !important;}

#urlbar-progress > .progress-bar
{background-image: -moz-linear-gradient(left, rgba(255,0,255,.95),
                                               rgba(255,255,0,.95),
                                               rgba(0,255,0,.95)) !important;}

地址栏的progress line根据载入的进度依次变色 红->黄->绿 跟红绿灯似的 呵呵
标签栏的progress line因为长度比较短所以就不搞几种颜色了 只用绿色 透明度根据载入的进度渐变
回到原帖

很醒目,谢谢!


alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
27楼#
发布于:2010-09-17 23:07
openicq:结合alanfly和mattmonkey的想法
我现在自己用的代码
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tab-progress > .progress-bar
{background-image: -moz-linear-gradient(left, rgba(0,255,0,.5),
                                               rgba(0,255,0,.7),
                                               rgba(0,255,0,.95)) !important;}

#urlbar-progress > .progress-bar
{background-image: -moz-linear-gradient(left, rgba(255,0,255,.95),
                                               rgba(255,255,0,.95),
                                               rgba(0,255,0,.95)) !important;}

地址栏的progress line根据载入的进度依次变色 红->黄->绿 跟红绿灯似的 呵呵
标签栏的progress line因为长度比较短所以就不搞几种颜色了 只用绿色 透明度根据载入的进度渐变
回到原帖

干脆再多加几种颜色,凑成七色彩虹。
kmc
kmc
管理员
管理员
  • UID165
  • 注册日期2004-11-25
  • 最后登录2022-09-22
  • 发帖数9186
  • 经验397枚
  • 威望1点
  • 贡献值124点
  • 好评度41点
  • 忠实会员
  • 终身成就
  • 社区居民
28楼#
发布于:2010-09-17 23:07
不用,根据实测,红黄绿在载入的过程中看起来已经像彩虹。
Waterfox Current和Firefox Nightly都用,逐渐走出XUL扩展依赖
racca
小狐狸
小狐狸
  • UID33213
  • 注册日期2010-06-29
  • 最后登录2011-03-28
  • 发帖数63
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
29楼#
发布于:2010-09-17 23:07

不明显可以设置个醒目的颜色或者把透明度调高。


那个其实是opacity, 不透明度
游客

返回顶部