I'm trying to make a code that you enter the variable in HTML code, a progress bar, but when I run the code the varible remains the variable name and not as the result:

Grafica1 = "step1 visited-checkout-step"

<div class = "checkout-progress">

<ul class = "progress bar">

<li class = "grafica1">

<span class = "triangle2"> </ span>

<a href="#"> <em> 1 </ em> Order placed </a>

<span class = "triangle after"> </ span>

</ li>

I want to run the code and that it isinstead of to stay as the original.

Grafica1 = "step1 visited-checkout-step"

<div class = "checkout-progress">

<ul class = "progress bar">

<li class = "checkout-visited-step step1">

<span class = "triangle2"> </ span>

<a href="#"> <em> 1 </ em> Order placed </a>

<span class = "triangle after"> </ span>

</ li>