Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Progressbar is not rendered

See original GitHub issue

Description

Progressbar extension shows only the label. E.g., [= 30% "30%"] or [= 30% "30%"]{: .thin} renders only as 30%.

Expected behavior

The progressbar is rendered.

Actual behavior

The progressbar is not rendered

Steps to reproduce the bug

write [= 30% "30%"] into md file

Package versions

Python: python --version Python 3.6.5
MkDocs: mkdocs --version mkdocs, version 1.0.2
Material: pip show mkdocs-material | grep -E ^Version Version: 3.0.3

Project configuration

markdown_extensions:
  - attr_list
  - admonition
  - codehilite
  - footnotes
  - def_list
  - toc:
      permalink: true

  - pymdownx.progressbar:
  - pymdownx.arithmatex
  - pymdownx.betterem:
      smart_enable: all
  - pymdownx.caret
  - pymdownx.critic
  - pymdownx.details
  - pymdownx.emoji:
      emoji_generator: !!python/name:pymdownx.emoji.to_svg
  - pymdownx.inlinehilite
  - pymdownx.magiclink
  - pymdownx.mark
  - pymdownx.smartsymbols
  - pymdownx.superfences
  - pymdownx.tasklist:
      custom_checkbox: true
  - pymdownx.tilde
  - pymdownx.keys

theme:
  name: 'material'
  favicon: 'img/neuron.ico'

extra_javascript:
  - 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML'

System information

OS: [The operating system you’re running] Ubuntu 18.04
Browser: [The browser used, if relevant] Chromium 68.0.3440.106 (Official Build)

Issue Analytics

State:
Created 5 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

2reactions

SUlbrichAcommented, Aug 28, 2018

Ok thank you for the answer. I want to use the mkdocs for a project description / planning–there it is a nice-to-have feature. I got something convincing enough running in case somebody is interested:

However, I found some CSS in the docs for progressbar and added a custom stylesheed (okay, I admit that was not that hard). Markdown overrides the margin of the label but I could fix that with adding margin: 0 ! important (there certainly is a more beautiful way for doing so but it works for me)

1reaction

SUlbrichAcommented, Aug 28, 2018

I did not want to raise the impression to “demand” it 😄 Mkdocs+Material is awesome and the first out of many static website generators that really works for me. Thank you!

Top Results From Across the Web

bootstrap progress bar not working - Stack Overflow

Late to this party, but in the version of Bootstrap I'm using (v3.1.1) the class was 'progress-striped' (not 'progress-bar-striped' like the Docs say)...

How to resolve progress bar not rendering issue in iOS and ...

This article explains the topic, How to resolve progress bar not rendering issue in iOS and UWP? in Syncfusion Knowledge Base.

progressBar does not render on localhost

lightning-progress-bar wants to take up 100% of the parent's allocated space for it, but in the lightning web previewer, that space is ...

JS Progress Bar not working - The freeCodeCamp Forum

JS Progress Bar not working ... Why isn't the green progress bar increasing width from 1 to 100%? ... CSS needs units (is...

Percentage progress bar not working correctly - Help Needed

The workability of the progress bar was double-checked and the element works ok. Most probably the error was caused by changes on your...