https://www.horipro-international.com/wp_horipro/wp-content/themes…/assets/js/progressbar.js

1//テキストのカウントアップ+バーの設定
2var bar = new ProgressBar.Line(splash_text, {//id名を指定
3	easing: 'easeInOut',//アニメーション効果linear、easeIn、easeOut、easeInOutが指定可能
4	duration: 2000,//時間指定(1000＝1秒)
5	strokeWidth: 10,//進捗ゲージの太さ
6	color: '#FBC202',//進捗ゲージのカラー
7	trailWidth: 10,//ゲージベースの線の太さ
8	trailColor: '#fff1c3',//ゲージベースの線のカラー
9	text: {//テキストの形状を直接指定
10		style: {//天地中央に配置
11			position: 'absolute',
12			left: '50%',
13			top: '50%',
14			padding: '0',
15			margin: '-30px 0 0 0',//バーより上に配置
16			transform:'translate(-50%,-50%)',
17			'font-size':'1rem',
18			color: '#fff',
19		},
20		autoStyleContainer: false //自動付与のスタイルを切る
21	},
22	step: function(state, bar) {
23		bar.setText(Math.round(bar.value() * 100) + ' %'); //テキストの数値
24	}
25});
26
27//アニメーションスタート
28bar.animate(1.0, function () {//バーを描画する割合を指定します 1.0 なら100%まで描画します
29	$("#splash").delay(500).fadeOut(800);//アニメーションが終わったら#splashエリアをフェードアウト
30});