Progress

Show graphical progress bars with completion percentage.

HTML attributes:

None available

Custom attributes:

filltext,

showpercent,

value

Basic usage:

{{< hackcss-progress value="40" >}}
{{< hackcss-progress value="30" showpercent="true" >}}
{{< hackcss-progress value="70" showpercent="true" filltext="pemuatan" >}}

Inside an Alert:

Stacked inside a Card:

{{< hackcss-card header="Value-added Tax by Country" >}}
  {{< hackcss-progress value="16" showpercent="true" filltext="China – 增值税" >}}
  {{< hackcss-progress value="20" showpercent="true" filltext="France – TVA" >}}
  {{< hackcss-progress value="10" showpercent="true" filltext="Indonesia – PPN" >}}
  {{< hackcss-progress value="8" showpercent="true" filltext="Japan – 消費税" >}}
  {{< hackcss-progress value="15" showpercent="true" filltext="New Zealand – GST" >}}
  {{< hackcss-progress value="20" showpercent="true" filltext="United Kingdom – VAT" >}}
{{< /hackcss-card >}}

Value-added Tax by Country