Progress Bar Module

Donate

Become a backer or sponsor to support our work.

On this page

Sponsors

A progress bar will be shown when opening a new page in the current tab and window.

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.

Site Parameters

NameVersionTypeRequireDefaultDescription
heightv0.2.0string-2pxThe height of progress bar.
initial_widthv0.3.0number-20The initial width of progress bar, 0-100.
intervalv0.3.0number-50The time interval for progress bar to update, in milliseconds.
timev0.3.0number-2Time taken for progress bar to complete, in seconds.

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
Thursday, November 21, 2024 Saturday, February 4, 2023