How to make donation progress bar?

• 

  rancerqz · Member · Dec 28, 2015 at 9:54 am

  • Copy link
  • Add topic to favorites

  Can someone help me out with the code to allow me to display the donation progress bar in the widget.

• 

  thesacredpath · Member · Dec 28, 2015 at 9:17 pm

  • Copy link

  Hi there, I’m not seeing that you have the WordPress.com Premium Plan upgrade on either of the sites linked to your username, but you can try out and preview custom CSS before you buy as explained here.

  The following would be the most simple way to do this with HTML and CSS. Add this code to a page, post (in the Text tab for pages/posts) or into a text widget. To change the progress, you would change the 25% width value.

  <div class="meter">
    <span style="width:25%;"></span>
  </div>

  and then this would be the CSS required.

  .meter {
  	height: 20px;
  	position: relative;
  	background: #555;
  }
  .meter > span {
  	display: block;
  	height: 100%;
  	background-color: #cc0000;
  }