mkdocs-shadcn

  • Home
  • Get started
  • Pages
  • HTML
Extensions
  • Admonitions
  • Attribute Lists
  • Codehilite
  • Codexec
  • Apache ECharts
  • Fenced code
  • Footnotes
  • Hover Card
  • Iconify
  • pymdownx.arithmatex
  • pymdownx.blocks.caption
  • pymdownx.blocks.details
  • pymdownx.blocks.tab
  • pymdownx.progressbar
  • pymdownx.tabbed
  • Table of Contents
Plugins
  • Autonumber
  • Excalidraw
  • Mike
  • Mkdocstrings
Contributing
  • Contributing
  • Setup
  • Internationalization

pymdownx.progressbar

Previous Next

Visually appealing progress bars

Reference

The pymdownx.progressbar extension is a Python-Markdown plugin that allows you to create visually appealing progress bars directly in your Markdown content.

Configuration

# mkdocs.yml

markdown_extensions:
  - pymdownx.progressbar

Syntax

You can also leverage attr_list to colorize the progress bar.

[=50% ""]
[=75% "75%"]
[=95% "Awesome"]{: .success}
[=25% "25%"]{: .warning}
[=5% "5%"]{: .danger}

75%

Awesome

25%

5%

pymdownx.blocks.tab pymdownx.tabbed
Menu
Home Get started Pages HTML
Extensions
Admonitions Attribute Lists Codehilite Codexec Apache ECharts Fenced code Footnotes Hover Card Iconify pymdownx.arithmatex pymdownx.blocks.caption pymdownx.blocks.details pymdownx.blocks.tab pymdownx.progressbar pymdownx.tabbed Table of Contents
Plugins
Autonumber Excalidraw Mike Mkdocstrings
Contributing
Contributing Setup Internationalization

On This Page

Configuration Syntax
Built by Alban Siffer — shadcn theme provided by @asiffer