Javascript jQuery中的ScrollTop/ScrollBottom问题

我试图在jquery中测试一个函数，其中在一些文本旁边有一个垂直进度条。理想的功能是当用户向下滚动时，进度条的值填充。我已经让它完美地工作，除了进度条从底部到顶部填充。我想让它从上到下填充，这样颜色就会顺着进度条往下滴

有人能帮忙吗？这是我的密码

$（窗口）。滚动（函数（）{
var s=$（窗口）.scrollTop（），
d=$（文档）.height（），
c=$（window.height（）；
百分比=（s/（d-c））*100；
var位置=百分比；
$（“#progressbar”）.attr（'值'，位置）；
});
进展{
位置：固定；
顶部：15px；
}
.垂直{
利润上限：200px；
显示：内联块；
宽度：20%；
高度：40px；
-webkit变换：旋转（-90度）；
/*铬、狩猎、歌剧*/
变换：旋转（-90度）；
}


Lorem ipsum dolor，坐在amet Concertetur Adipising Elite的位子上。这是一种常见的消费方式！伊斯特，奎拉特。类似于小白鼠的铜酸盐锻造厂。内克，沃卢普塔图姆鼹鼠。诺比斯
时间上的共同问题是什么？多洛·内克·西米利克·特尼乌尔，律师会主席！这是对动物的劳动权利！暂时性不稳定
驱虫剂可防止腐败、脱髓鞘、排斥生命的罪魁祸首、胎膜早破！在错误的地方，时间智者的尊严被认为是不公平的。帕里奥特
无色素痣。尼西·沃卢帕斯？在实验室中，作为一名专业的建筑师，他必须拥有一个合理的建筑设计。多洛雷姆库·尼莫·奎亚铜酸盐，
没有人在明确责任和自由的必要性方面工作。驱避剂和替代品是一种劳动性的物质，它能使你的身体健康！这是一个很好的例子
不管怎样，只要有一个工作机会，你就必须放弃选择权。Hic ipsam dolorem eos是否假定真实性是指溶液中的累积分子？德朗特，比泰！暂时性感染
事实上，劳动时间是一个不平等的方面。他是一位智者，是一位伟大的天才。除了共和国的共同财产外，所有的智慧都是真实的
我的脸是暂时的！马尼·普罗维登特·沃鲁帕特斯·沃鲁帕特斯·沃鲁帕特斯·沃吉特·沃吉特·沃吉特·沃吉特·沃吉特·沃吉特·沃吉特·沃吉特·沃吉特·沃吉特·沃吉特·沃吉特·沃吉特·沃吉特·沃吉特！这是一个巨大的挑战。职业技能训练
事实上，这是一个错误！嗯，多洛雷斯！生命的分子，不可能是巨大的，也不可能是无限的
软组织大实验室？是否有一种新的浓缩溶液？


Lorem ipsum dolor sit，amet Concertetur Adipising Elite。Porro velit，ullam Sequedita neque teneur aspernatur quisquam解释了如何将面部eos inventore mollitia放置在子宫内膜中。fugit特色消费品代表
奎布斯丹。从本质上看，生活的必要性减去生活中的不必要的物质，身体的巨大力量甚至可以成为解决问题的工具？这是一个特殊的时刻！照明
共和国是一个国家，它是一个国家，是一个国家，是一个国家，是一个国家，是一个国家，一个国家，一个国家，一个国家，一个国家，一个国家，一个国家，一个国家，一个国家，一个国家，一个国家，一个国家，一个国家，一个国家，一个国家。埃尼姆，真是多洛伦！明确地说，这是一个很好的解释，
在非均衡的最小值中，腐败的尊严会破坏对自由的暂时性删除，但不包括对自身的指控。布朗迪实验室。多洛尔比塔贵宾酒店
软体动物的福氏静脉是一种微小的铜盐细菌。这是一个很好的例子。作为一名律师，他必须遵守法律
发明者：桑代亚！你是不是有点小毛病？必要性普通实验室。我是哈鲁姆·费雷尔！明确地说，这是一个很好的例子。暂时性软骨病
广告说明。真理，康莫迪！圣普罗维登纳图斯尼希尔酒店！波尔罗·拉布拉多·维尼安·杜西莫斯！在多洛雷姆市，由于普罗维登特劳工组织（provident Laboraiosam）的反对，该组织的宗旨是促进自由
临时的，临时的，临时的。你说什么？驱除，驱除。从理性上讲，多洛里布·库德（Doloribus quod）、消费巨擘（magnam Consequator）、全方位的数字都是关于死亡的数字
不加急的优惠券？A、 塞佩！是不是在多洛雷姆库？国际公共部门和义务、证据、过失的暂时解决方案、基于区分的透明膜下的快速移动
莫利塔。Eligendi，假设是iusto。雷西恩迪斯，阿库萨默斯·夸姆。

使用
变换：旋转（90度）而不是
变换：旋转（-90度）
<