ProjEulerProgress

Displays progress

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        ProjEulerProgress
// @namespace   pep
// @description Displays progress
// @include     https://projecteuler.net/progress*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @author      oerpli
// @version     1.2
// @grant       none
// ==/UserScript==
var regex = new RegExp("Progress: ([0-9]*) \/ ([0-9]*)");
var ach = $(".info a span div").filter(function () {
    return regex.test($(this).text()); 
});

ach.each(function(){
    var str = $(this).text();
    var res = str.match(regex);
    if(res){
        var x1 = 1*res[1];
        var x2 = 1*res[2];
        var gradient = 'linear-gradient(90deg, #cee7b6 ' + (x1/x2*100) +'%, #FFF ' + (x1/x2*100) + '%)';
        $(this).parent().parent().parent().parent().css('background',gradient);
    }
});