title: How to show completion percentage in a bootstrap card in python dash?
body: <p>I am building a dash application and have calculated a completion_percentage for the project completion. I am using dash_bootstrap_components and want to show that percentage inside the card. Is there any way to do so or is there any other way to graphically show the completion percentage on the application page?
  Below is the code which I am using as part of the layout</p>
  <pre><code>completion_percentage = str((closed_tickets / total_tickets) * 100)
  app.layout = html.Div(
      children=[
          html.H1(children=&quot;Project Analytics&quot;,),
          html.P(
              children=&quot;Get the status!&quot;,
          ),
          dcc.Graph(
              figure=fig,
          ),
          dcc.Graph(
              figure=pie_chart
          ),
          dbc.Card(
              dbc.CardBody(
                  [
                      html.H4(&quot;Completion Percentage&quot;, className=&quot;card-title&quot;),
                      dbc.CardText(completion_percentage)
                  ]
              )
          )
      ]
  )
  </code></pre>
  <p>The above is giving me error as cardtext excpets P or Div. Can someone help with the following.</p>