Table of Contents

Progrecss Dokuwiki Plugin

Download from here: https://www.dokuwiki.org/plugin:progrecss

Customization

I eliminated capture function. Then I added the following lines in dokuwiki\conf\userstyle.css:

/**
 * ----------------------------------------
 *   PROGRECSS_fl
 *  A mix between default and inline style
 * ----------------------------------------
 */

/** == bar background default ====  */
.progrecss_fl .border {
	display: block;
	height: .9em;
	background-color:  #e6e6e6;
	padding: 0;
	border: 2px solid __text__;
	border-radius: 8px;
	}

/** == bar and Text fl from inline ==  */
.progrecss_fl .border .bar {
  display: inline-block;
  height: 1.3em;
  background-color: #3399ff;
margin: 0;
padding: 0;
border-bottom: 2px solid __existing__; 
border-radius: 0 2px 2px 0 / 0 50% 50% 0;
  border: 0;
border-radius: 8px;
  text-align: center;
vertical-align: text-top;
vertical-align: top;
  font-size: 70%;
  color: white;
  }



<progrecss 50% style=fl; />
The result: