Getting StartedButtonsCardsProgress BarsThemes
So we recently have added progress bars to freshui.
Here is one

You can easily modify its width
Code for progrss bar:
<div class="pbar" ></div>
<!-- Code for modifying width of progress bar -->
<div class="pbar" style="width:100px;"></div>
Here is the modified progress bar:
We have 4 different progress bars:
  • Default:

  • Dark:

  • Primary:

  • Success:

    • The classes for all the different progress bars are as follows:
    <!-- Default Progress Bar -->
    <div class="pbar"></div>
    <!-- Dark Progress Bar -- >
    <div class="pbar pbar-dark"></div>
    <!-- Primary Progress Bar -->
    <div class="pbar pbar-primary"></div>
    &Lt;!-- Success Progress Bar -->
    <div class="pbar pbar-success"></div>