進度條模塊

本頁內容

當在當前標籤頁和窗口打開一個新頁面時,將顯示進度條。

Modulegithub.com/hbstack/progress-bar
Repository⭐ Please consider giving a star if your like it.
Stars
Version
Used by
Requirements
License
UsageSee how to use modules.

站點參數

NameTypeRequireDefaultDescription
heightstring-2px進度條的高度。
initial_widthnumber-20進度條初始寬度,0-100
intervalnumber-50進度條更新的時間間隔,單位:毫秒。
timenumber-2進度條完成所需的時間,單位:秒。

hugo.toml

1[params]
2  [params.hb]
3    [params.hb.progress_bar]
4      height = '2px'
5      initial_width = 20
6      interval = 50
7      time = 2

hugo.yaml

1params:
2  hb:
3    progress_bar:
4      height: 2px
5      initial_width: 20
6      interval: 50
7      time: 2

hugo.json

 1{
 2   "params": {
 3      "hb": {
 4         "progress_bar": {
 5            "height": "2px",
 6            "initial_width": 20,
 7            "interval": 50,
 8            "time": 2
 9         }
10      }
11   }
12}
razonyang
2024年6月15日 星期六 2023年2月4日 星期六